*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fff5f3;--color-bg-gradient: linear-gradient( 180deg, #ffffff 0%, #fff5f3 40%, #ffe8e3 100% );--color-text: #4a3535;--color-text-muted: #8a7070;--color-accent: #e8707e;--color-accent-hover: #d45f6d;--color-surface: rgba(255, 255, 255, .8);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body{height:100%;background:var(--color-bg-gradient);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;-webkit-user-select:none}#root{height:100%}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 24px}.auth-controls{display:flex;align-items:center;gap:8px;font-size:13px}.auth-user{color:var(--color-text-muted)}.auth-btn{background:none;border:1px solid var(--color-text-muted);border-radius:16px;padding:4px 14px;font-size:13px;font-family:inherit;color:var(--color-text);cursor:pointer;transition:background .2s}.auth-btn:hover{background:#0000000a}.auth-splash{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-bg-gradient)}.auth-splash__card{text-align:center;padding:40px}.auth-splash__title{font-size:28px;font-weight:700;color:var(--color-accent);margin-bottom:16px}.auth-splash__msg{font-size:15px;color:var(--color-text-muted);margin-bottom:16px}.auth-splash__btn{padding:10px 24px;border:none;border-radius:50px;background:var(--color-accent);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.brand{font-size:22px;font-weight:700;color:var(--color-accent);letter-spacing:-.5px}.subtitle{font-size:13px;color:var(--color-text-muted)}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 40px;gap:24px}.blob-container{display:flex;align-items:center;justify-content:center;width:280px;height:280px;flex-shrink:0}.blob-canvas{display:block}.status-area{text-align:center;min-height:80px;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.status-label{font-size:15px;font-weight:500;color:var(--color-text-muted);letter-spacing:.3px}.transcript,.response{font-size:14px;line-height:1.5;max-width:340px;word-break:break-word}.transcript{color:var(--color-text-muted)}.transcript-label,.response-label{font-weight:600}.response{color:var(--color-text)}.error{font-size:13px;color:#c0392b;background:#c0392b14;padding:6px 14px;border-radius:8px}.voice-button{display:flex;align-items:center;gap:8px;padding:14px 32px;border:none;border-radius:50px;background:var(--color-accent);color:#fff;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s;-webkit-tap-highlight-color:transparent}.voice-button:hover{background:var(--color-accent-hover)}.voice-button:active{transform:scale(.96)}.voice-button.active{background:var(--color-text-muted)}.voice-button.active:hover{background:#6a5555}.voice-button-icon{font-size:20px;line-height:1}.voice-button-text{line-height:1}@media(max-height:600px){.blob-container{width:180px;height:180px}.status-area{min-height:50px}}