:root{color:#25302e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas:#f7f8f5;--surface:#fff;--ink:#1f2927;--muted:#687470;--line:#dfe4df;--line-strong:#cbd3ce;--focus:#e3a82b;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}[hidden],audio{display:none}.app{--signal:#126b63;--signal-soft:#cfe8e2;--signal-contrast:#fff;background:linear-gradient(#e9f4f1 0 0) top / 100% 5px no-repeat, var(--canvas);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;overflow:hidden}.app--user-speaking{--signal:#d6543f;--signal-soft:#f6d7cf}.app--thinking,.app--connecting{--signal:#9a6513;--signal-soft:#f6e4b6}.app--assistant-speaking{--signal:#2757a5;--signal-soft:#d8e3f6}.app--error{--signal:#a53737;--signal-soft:#f4d6d6}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(100% - 32px,960px);min-height:72px;margin:0 auto;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.brand__mark{border:1px solid var(--line-strong);color:#d6543f;background:var(--surface);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.icon-button{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button[aria-pressed=true]{color:var(--ink);background:var(--surface)}.icon-button:hover,.icon-button:focus-visible{border-color:var(--ink)}.conversation{text-align:center;grid-template-rows:auto minmax(200px,1fr) auto;justify-items:center;width:min(100% - 32px,760px);min-height:560px;margin:0 auto;padding:54px 0 34px;display:grid}.conversation__copy{min-height:140px}.eyebrow{color:var(--signal);text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}h1{color:var(--ink);letter-spacing:0;margin:0;font-size:3.35rem;font-weight:760;line-height:1.05}.detail{max-width:520px;min-height:29px;color:var(--muted);margin:18px auto 0;font-size:1.05rem;line-height:1.5}.sound-field{place-items:center;width:min(100%,430px);min-height:210px;display:grid}.waveform{justify-content:center;align-items:center;gap:9px;height:112px;display:flex}.waveform span{width:7px;height:var(--bar-height);background:var(--signal);opacity:.48;transform-origin:50%;border-radius:7px;transition:background-color .18s,opacity .18s}.app--user-speaking .waveform span,.app--assistant-speaking .waveform span,.app--thinking .waveform span,.app--connecting .waveform span{opacity:.9;animation:.85s ease-in-out infinite alternate speak;animation-delay:calc(var(--bar) * -70ms)}.app--thinking .waveform span,.app--connecting .waveform span{animation-duration:1.35s}@keyframes speak{0%{transform:scaleY(.55)}to{transform:scaleY(1.85)}}.primary-action{color:var(--muted);justify-items:center;gap:12px;font-size:.84rem;font-weight:700;display:grid}.talk-button{border:8px solid var(--signal-soft);width:108px;height:108px;color:var(--signal-contrast);background:var(--signal);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #1e302d24}.talk-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px #1e302d33}.talk-button:active:not(:disabled){transform:translateY(1px)}.talk-button:disabled{cursor:wait;opacity:.72}.talk-button:focus-visible,.icon-button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.transcript{border-top:1px solid var(--line);text-align:left;width:min(100% - 32px,760px);margin:0 auto 30px;padding:22px 0 0}.transcript__label{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}.transcript>p:last-child{color:var(--ink);margin:0;font-size:1rem;line-height:1.6}@media (width<=640px){.topbar{min-height:64px}.conversation{grid-template-rows:auto minmax(170px,1fr) auto;min-height:calc(100svh - 64px);padding:36px 0 26px}.conversation__copy{min-height:126px}h1{font-size:2.55rem}.detail{font-size:.98rem}.sound-field{min-height:180px}.waveform{gap:7px}.talk-button{width:96px;height:96px}}@media (height<=670px){.conversation{min-height:500px;padding-top:24px}.sound-field{min-height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}