:root{--bg:#0a0a0a;--fg:#f4f4f4;--muted:#8a8a8a;--line:#1f1f1f;--line-soft:#141414;--accent:#ff5a3d;--accent-2:#ffb866;--accent-3:#5d8cff;--danger:#ff4d4d;--ok:#6dd99d;--radius:14px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:manipulation}button{border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit;background:transparent}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;transition:border-color .15s ease;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--fg)}.app{display:flex;flex-direction:column;height:100dvh;width:100vw;position:relative;padding-top:var(--safe-top)}.topbar{justify-content:space-between;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line-soft);flex-shrink:0}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:600;letter-spacing:-.01em;min-width:0}.brand>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(255,90,61,.35);flex-shrink:0}.tagline{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{gap:8px;flex-shrink:0}.icon-btn,.top-actions{display:flex;align-items:center}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);justify-content:center;color:var(--fg);transition:background .15s ease,border-color .15s ease}.icon-btn:hover{background:#161616;border-color:#2a2a2a}.icon-btn.active{border-color:var(--accent);color:var(--accent)}.stage{flex:1 1;display:grid;grid-template-rows:1fr auto;min-height:0}.orb-wrap{flex-direction:column;gap:18px;padding:24px 16px;min-height:0;overflow:hidden}.orb-host,.orb-wrap{display:flex;align-items:center;justify-content:center}.orb-host{flex-shrink:0}.status{font-size:13px;color:var(--muted);letter-spacing:.02em;min-height:18px;text-align:center;padding:0 12px}.status strong{color:var(--fg);font-weight:500}.transcript{width:min(720px,100%);max-height:32vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 4px;font-size:15px;line-height:1.5;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.bubble{padding:10px 14px;border-radius:12px;border:1px solid var(--line-soft);background:#0e0e0e;white-space:pre-wrap;word-wrap:break-word}.bubble.user{background:#131313;border-color:#1c1c1c;align-self:flex-end;max-width:85%}.bubble.assistant{align-self:flex-start;max-width:92%}.bubble .who{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.controls{gap:12px;padding:18px 18px calc(28px + var(--safe-bottom));border-top:1px solid var(--line-soft)}.controls,.mic{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mic{width:76px;height:76px;border-radius:50%;border:1px solid var(--line);background:#0e0e0e;transition:transform .1s ease,background .15s ease,border-color .15s ease,box-shadow .2s ease}.mic:hover{background:#151515}.mic:active{transform:scale(.97)}.mic.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px rgba(255,90,61,.18)}.mic.on svg{color:#0a0a0a}.mic svg{color:var(--fg)}.text-input{flex:1 1;max-width:540px;min-width:0}.text-input input{width:100%}.ghost{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;transition:background .15s ease,border-color .15s ease}.ghost:hover{background:#141414;border-color:#2a2a2a}.ghost:disabled{opacity:.5;cursor:not-allowed}.ghost.danger{color:var(--danger);border-color:#3a1818}.ghost.danger:hover{background:#1a0d0d}.ghost.primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:600}.ghost.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(420px,100vw);background:#0c0c0c;border-left:1px solid var(--line);z-index:51;display:flex;flex-direction:column;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translateX(20px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-soft);flex-shrink:0}.drawer header h2{margin:0;font-size:15px;font-weight:600}.drawer .body{padding:18px 18px calc(18px + var(--safe-bottom));overflow-y:auto;gap:18px;-webkit-overflow-scrolling:touch}.drawer .body,.field{display:flex;flex-direction:column}.field{gap:6px}.field label{text-transform:uppercase;letter-spacing:.06em}.field .help,.field label{font-size:12px;color:var(--muted)}.field .help{line-height:1.4}.row{gap:8px}.row,.seg{display:flex}.seg{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-wrap:wrap}.seg button{flex:1 1 auto;min-width:max(72px,25%);padding:10px;font-size:13px;border-right:1px solid var(--line);color:var(--muted);transition:background .12s ease,color .12s ease}.seg button:last-child{border-right:none}.seg button.active{background:var(--fg);color:#0a0a0a}.seg button:not(.active):hover{background:#141414;color:var(--fg)}.consent{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0e0e0e}.consent .title{font-weight:600}.consent .text{color:var(--muted);font-size:13px;line-height:1.5}.consent .actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.banner{position:absolute;top:calc(64px + var(--safe-top));left:50%;transform:translateX(-50%);background:#1a0d0d;border:1px solid #3a1818;color:#ffb1b1;padding:8px 14px;border-radius:10px;font-size:13px;z-index:30;max-width:90vw;text-align:center}.kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:#131313;padding:1px 6px;border-radius:5px}.kbd,.muted{color:var(--muted)}.tiny{font-size:12px}@media (max-width:900px){.transcript{max-height:28vh}}@media (max-width:640px){.topbar{padding:12px 14px}.brand{font-size:15px;gap:8px}.tagline{display:none}.icon-btn{width:38px;height:38px}.orb-wrap{gap:14px;padding:16px 12px}.status{font-size:12.5px}.transcript{width:100%;max-height:26vh;font-size:14.5px;padding:6px 2px}.bubble{padding:9px 12px}.controls{gap:10px;padding:14px 14px calc(20px + var(--safe-bottom))}.mic{width:60px;height:60px}.mic svg{width:22px;height:22px}.drawer{top:auto;bottom:0;right:0;left:0;width:100vw;height:min(88dvh,720px);border-left:none;border-top:1px solid var(--line);border-top-left-radius:18px;border-top-right-radius:18px;animation:slide-up .2s ease-out}.drawer header{position:relative;padding:14px 16px 12px}.drawer header:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:2px;background:#2a2a2a}.drawer .body{padding:14px 16px calc(20px + var(--safe-bottom));gap:16px}.row{flex-direction:row;gap:10px}.seg button{padding:11px 8px;font-size:12.5px}}@media (max-width:360px){.controls{gap:8px;padding-left:10px;padding-right:10px}.mic{width:54px;height:54px}.mic svg{width:20px;height:20px}.topbar{padding:10px 12px}}@media (max-height:520px) and (orientation:landscape){.orb-wrap{padding:10px;gap:8px}.transcript{max-height:22vh;font-size:14px}.controls{padding:10px 14px calc(12px + var(--safe-bottom))}.mic{width:56px;height:56px}.mic svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.drawer,.ghost,.icon-btn,.mic,input,select,textarea{animation:none!important;transition:none!important}}