:root{color-scheme:dark;--canvas:#08090a;--panel:#0f1011;--elevated:#191a1b;--primary:#f7f8f8;--muted:#8a8f98;--border-soft:rgba(255,255,255,.05);--border:rgba(255,255,255,.08);--danger:#ffb4b4}*{box-sizing:border-box}html{background:var(--canvas);font-size:16px}body{margin:0;min-height:100dvh;background:var(--canvas);color:var(--primary);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.006em}button,textarea{font:inherit}button{color:inherit}.topbar{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:rgba(8,9,10,.9);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;color:var(--primary);text-decoration:none}.header-brand strong{font-size:15px;font-weight:600;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:0;object-fit:contain;background:transparent;border:0}.chrome-button,.icon-button,.composer-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.chrome-button:first-child{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);box-shadow:0 1px 2px rgba(0,0,0,.35)}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chrome-button:hover,.icon-button:hover,.composer-button:hover{background:rgba(255,255,255,.07)}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}#drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.56);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease}#drawer-backdrop.open{opacity:1}#chat-drawer{position:fixed;z-index:50;inset:0 auto 0 0;width:min(340px,88vw);padding:calc(20px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));background:var(--panel);border-right:1px solid var(--border);box-shadow:24px 0 64px rgba(0,0,0,.5);transform:translateX(-102%);transition:transform .24s cubic-bezier(.22,1,.36,1);overflow-y:auto}#chat-drawer.open{transform:none}.drawer-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 8px}.drawer-header h2{margin:0;font-size:18px;line-height:1;font-weight:600;letter-spacing:-.03em}#drawer-new{width:100%;height:44px;margin:14px 0 12px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--elevated);font-weight:500;cursor:pointer}#drawer-new:hover{background:#202123}.plus-icon{width:18px;height:18px}.conversation-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px 12px;margin:2px 0;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--primary);cursor:pointer}.conversation-row:hover{background:rgba(255,255,255,.04)}.conversation-row.active{background:rgba(255,255,255,.07);border-color:var(--border-soft)}.conversation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{grid-column:2;color:var(--muted);font-size:12px}.conversation-row .conversation-date{align-self:center;grid-row:1}#drawer-empty{margin:30px 10px;text-align:center;color:var(--muted);font-size:14px}main{width:min(780px,100%);margin:0 auto;padding:38px 20px 176px}.welcome{min-height:calc(100dvh - 286px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-logo{width:88px;height:88px;object-fit:cover;border-radius:24px;box-shadow:0 18px 60px rgba(0,0,0,.38)}.welcome h1{margin:20px 0 0;font-size:clamp(25px,5vw,34px);line-height:1.2;font-weight:500;letter-spacing:-.045em}.message{display:flex;width:100%;min-width:0;gap:12px;margin:0 0 24px;overflow:hidden}.message.flex-row-reverse{flex-direction:row-reverse}.message-avatar{flex:0 0 auto;width:32px;height:32px}.user-avatar{border-radius:50%;object-fit:cover;object-position:50% 42%;background:var(--elevated);border:1px solid var(--border-soft)}.assistant-avatar{border-radius:0;object-fit:contain;background:transparent;border:0}.message-stack{display:flex;min-width:0;max-width:75%;flex-direction:column}.message.user .message-stack{align-items:flex-end}.message-bubble{max-width:100%;padding:10px 15px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--elevated);color:var(--primary);border:1px solid var(--border-soft)}.message.user .message-bubble{background:#e7e8e9;color:#111;border-color:transparent}.message-author{display:none}#composer{position:fixed;z-index:25;left:0;right:0;bottom:0;padding:16px max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(to top,var(--canvas) 70%,rgba(8,9,10,0))}.composer-surface{width:min(720px,100%);min-height:54px;margin:0 auto;display:flex;align-items:flex-end;gap:5px;padding:7px 8px 7px 16px;background:var(--elevated);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 50px rgba(0,0,0,.25)}textarea{flex:1;min-width:0;min-height:38px;max-height:160px;resize:none;padding:8px 0;border:0;outline:0;background:transparent;color:var(--primary);line-height:22px;overflow-y:auto}textarea::placeholder{color:var(--muted)}.composer-button{flex:0 0 40px;border-radius:50%;color:var(--muted)}.composer-button.send{background:var(--primary);color:#111}.composer-button.send:hover{background:#fff}.composer-button[hidden]{display:none}#status{width:min(720px,100%);min-height:18px;margin:6px auto 0;color:var(--muted);font-size:12px}#voice-mode{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(30px + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom));background:var(--canvas)}#voice-mode[hidden]{display:none}.voice-mark{width:52px;height:52px;border-radius:0;object-fit:contain;background:transparent;border:0;margin-bottom:52px}.voice-orb{position:relative;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 42% 35%,rgba(255,255,255,.19),rgba(255,255,255,.04) 48%,transparent 70%);box-shadow:0 0 80px rgba(255,255,255,.07)}.voice-orb span{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:pulse 2s ease-in-out infinite}.voice-orb span:nth-child(2){inset:34px;animation-delay:.3s}.voice-orb span:nth-child(3){inset:48px;animation-delay:.6s}#voice-state{margin:34px 0 2px;font-size:22px;font-weight:500;letter-spacing:-.03em}.listening-copy{margin:0;color:var(--muted)}#voice-sync{min-height:22px;color:var(--danger);font-size:13px}#hear-voice{margin-top:8px;padding:10px 16px;border:1px solid var(--border);border-radius:12px;background:var(--elevated)}#stop-voice{width:58px;height:58px;margin-top:38px;border:1px solid var(--border);border-radius:50%;background:var(--elevated);cursor:pointer}#stop-voice span{display:block;width:15px;height:15px;margin:auto;border-radius:4px;background:var(--primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:520px){.header-brand strong{display:none}main{padding-inline:14px}.message-stack{max-width:calc(100% - 44px)}.hero-logo{width:76px;height:76px}.welcome{min-height:calc(100dvh - 260px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}