: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-x: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}.app--work{--signal:#445f91;--signal-soft:#dbe3f1}.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}.topbar__actions{gap:8px;display:flex}.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;overflow-wrap:anywhere;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}.stimulus{width:min(100%,680px);color:var(--ink);text-wrap:balance;margin:0;font-size:1.55rem;font-weight:620;line-height:1.55}.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}.command-button{border:1px solid var(--line-strong);min-height:46px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:6px;padding:0 18px;font-weight:750;display:inline-flex}.command-button:hover:not(:disabled){border-color:var(--signal);color:var(--signal)}.command-button--stop{color:#943c35}.command-button:disabled{cursor:wait;opacity:.58}.talk-button:focus-visible,.icon-button:focus-visible,.command-button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.dialog-backdrop{z-index:10;background:#1f292773;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.memory-dialog{background:var(--surface);text-align:left;border-radius:8px;width:min(100%,560px);max-height:min(720px,100svh - 40px);padding:28px;overflow-y:auto;box-shadow:0 24px 60px #19222038}.memory-dialog__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.memory-dialog__header .eyebrow{margin-bottom:7px}.memory-dialog h2{color:var(--ink);letter-spacing:0;margin:0;font-size:1.7rem;line-height:1.15}.memory-summary{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;padding:22px 0;display:grid}.memory-summary div{gap:3px;display:grid}.memory-summary strong{color:var(--ink);font-size:1.55rem;line-height:1}.memory-summary span{color:var(--muted);font-size:.78rem}.memory-history h3{color:var(--ink);margin:0 0 14px;font-size:.9rem}.memory-history ul{margin:0;padding:0;list-style:none}.memory-history li{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:baseline;gap:18px;padding:13px 0;display:flex}.memory-history small,.memory-empty,.memory-note{color:var(--muted)}.memory-history small{flex:none}.memory-empty{margin:0}.memory-note{margin:26px 0 0;font-size:.78rem}.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}.app--work h1{font-size:2rem;line-height:1.15}.detail{font-size:.98rem}.sound-field{min-height:180px}.stimulus{font-size:1.25rem;line-height:1.5}.waveform{gap:7px}.talk-button{width:96px;height:96px}.dialog-backdrop{place-items:stretch stretch;padding:0}.memory-dialog{border-radius:0;width:100%;min-height:100svh;max-height:100svh;padding:22px 20px}.memory-summary{gap:10px}.memory-history li{flex-direction:column;align-items:flex-start;gap:3px}}@media (height<=670px){.conversation{grid-template-rows:auto minmax(100px,1fr) auto;min-height:calc(100svh - 64px);padding:18px 0 14px}.conversation__copy{min-height:110px}.sound-field{min-height:105px}.waveform{height:86px}.talk-button{border-width:6px;width:84px;height:84px}.primary-action{gap:8px}.command-button{min-height:42px;margin-top:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
