:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;color:#f6f8fb;--ink:#f6f8fb;--muted:#a8b1c1;--panel:#181e2ac7;--line:#ffffff1a;--accent:#84efd7;--accent-blue:#69acff;--danger:#ff8d91;background:#090b10;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#090b10;min-height:100%}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -15%,#5678ae54,#0000 43rem),linear-gradient(#101620 0%,#090b10 62%);min-height:100dvh;margin:0}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-underline-offset:.22em}.app-frame{width:min(100%,47rem);min-height:100vh;min-height:100dvh;padding:max(1.1rem, env(safe-area-inset-top)) max(1.1rem, env(safe-area-inset-right)) max(1.6rem, env(safe-area-inset-bottom)) max(1.1rem, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.16rem;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid #ffffff2b;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.brand-mark span{background:linear-gradient(135deg, var(--accent), var(--accent-blue));border-radius:50%;width:.62rem;height:.62rem;box-shadow:0 0 1rem #84efd78c}.session-meta{color:var(--muted);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.network-dot{background:var(--danger);border-radius:50%;width:.48rem;height:.48rem}.network-dot.online{background:var(--accent);box-shadow:0 0 .65rem #84efd780}.update-banner{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;font-size:.84rem;display:flex}.update-banner button{color:var(--accent);background:0 0;border:0;min-height:44px;font-weight:680}.capture-shell{flex-direction:column;flex:1;align-items:stretch;display:flex}.hero{text-align:center;padding-top:clamp(3.2rem,10vh,6.8rem)}.eyebrow,.outcome-kicker{text-transform:uppercase;color:var(--accent);letter-spacing:.16em;margin:0 0 .75rem;font-size:.72rem;font-weight:760}h1{letter-spacing:-.057em;margin:0;font-size:clamp(2.15rem,10vw,4.1rem);font-weight:690;line-height:.98}.lede{max-width:30rem;color:var(--muted);margin:1.1rem auto 0;font-size:clamp(.96rem,3vw,1.08rem);line-height:1.55}.record-control{width:10.5rem;min-height:12.2rem;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;align-items:center;margin:clamp(2.6rem,8vh,4.8rem) auto 0;padding:0;display:flex;position:relative}.record-control:disabled{opacity:.38}.record-core{z-index:2;background:linear-gradient(145deg,#404c62fa,#121721fa);border:1px solid #fff3;border-radius:50%;place-items:center;width:7.65rem;height:7.65rem;transition:transform .16s,border-color .16s;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffff2e,0 1.4rem 4rem #0000007a}.record-core svg{fill:currentColor;width:2.05rem}.record-halo{z-index:1;opacity:.62;background:radial-gradient(circle,#84efd73d,#69acff12 55%,#0000 70%);border-radius:50%;width:8.8rem;height:8.8rem;transition:transform .16s,opacity .16s;position:absolute;top:-.55rem}.record-control.is-recording .record-core{color:var(--accent);border-color:#84efd7d1;transform:scale(.92)}.record-control.is-recording .record-halo{opacity:1;animation:1.4s ease-in-out infinite breathe;transform:scale(1.3)}.record-label{color:var(--muted);margin-top:1.1rem;font-size:.82rem;font-weight:640}.record-control:focus-visible .record-core,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}.status-line{color:#7f899a;min-height:1.4rem;margin-top:.15rem;font-size:.76rem}.typed-capture{width:100%;max-width:36rem;margin:2.25rem auto 0}.typed-capture>label{color:var(--muted);margin:0 0 .55rem .2rem;font-size:.78rem;display:block}.composer{border:1px solid var(--line);background:#151a25e0;border-radius:1.25rem;grid-template-columns:1fr 3.1rem;align-items:end;gap:.6rem;padding:.65rem;display:grid;box-shadow:0 .8rem 2.5rem #0003}.composer textarea,.composer input{resize:none;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:.5rem .45rem;line-height:1.45}.composer textarea::placeholder,.composer input::placeholder{color:#707989}.send-button{background:linear-gradient(135deg, var(--accent), #72c9ed);color:#0b1720;border:0;border-radius:.9rem;place-items:center;width:3rem;min-height:3rem;display:grid}.send-button:disabled{opacity:.28}.send-button svg{fill:currentColor;width:1.45rem}.cancel-active{margin:1rem auto}.outcome{border:1px solid var(--line);background:var(--panel);border-radius:1.25rem;width:100%;max-width:36rem;margin:1.4rem auto 0;padding:1.25rem;box-shadow:0 1.3rem 4rem #0003}.outcome.success{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.outcome.success .text-button{grid-column:1/-1;justify-self:start}.outcome-icon{width:2.5rem;height:2.5rem;color:var(--accent);background:#84efd724;border-radius:50%;place-items:center;font-weight:820;display:grid}.outcome-kicker{margin-bottom:.4rem}.outcome h2{letter-spacing:-.02em;margin:0 0 .65rem;font-size:1.16rem;line-height:1.35}.outcome.error{border-color:#ff8d9140}.outcome.error .outcome-kicker{color:var(--danger)}.composer.compact{grid-template-columns:1fr 3rem;margin-top:1rem}.choice-list{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.choice-list button,.secondary-action{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#ffffff0a;border-radius:.85rem;padding:.65rem 1rem}.action-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.primary-action{background:var(--accent);color:#0b1720;border:0;border-radius:.85rem;min-height:44px;padding:.7rem 1rem;font-weight:740}.text-button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:.55rem .2rem;font-weight:650}footer{width:100%;max-width:36rem;margin:3.5rem auto 0}.install-guide{border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.install-guide summary{cursor:pointer;color:#c9d0dc;justify-content:space-between;align-items:center;min-height:50px;list-style:none;display:flex}.install-guide summary:after{content:"+";font-size:1.2rem}.install-guide[open] summary:after{content:"–"}.install-guide ol{padding-left:1.25rem;line-height:1.65}.install-guide p{line-height:1.55}.diagnostics{color:#667080;text-align:center;margin:1.3rem 0 0;font-size:.7rem}.diagnostics a{color:inherit}@keyframes breathe{50%{opacity:.68;transform:scale(1.48)}}@media (max-height:720px){.hero{padding-top:2rem}.record-control{margin-top:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--muted:#d6dbe4;--line:#ffffff57}.record-core{border-width:2px}}
