*{box-sizing:border-box}body{margin:0;color:#252a27;background:#fff;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #54846a;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.assistant-app{display:flex;height:100dvh;overflow:hidden}aside{width:252px;flex-shrink:0;background:#f6f7f6;padding:24px 16px 15px;display:flex;flex-direction:column;border-right:1px solid #eef0ed}.brand{font-size:17px;font-weight:650;display:flex;gap:11px;align-items:center;margin:0 10px 30px}.leaf{color:#477559;font-size:24px}.new-chat{border:1px solid #dce1dc;border-radius:10px;background:transparent;text-align:left;padding:10px 14px;margin-bottom:22px}.new-chat:hover{background:#edf0ec}.chats{overflow:auto;flex:1}.chat-item{display:flex;border-radius:8px;margin-bottom:3px}.chat-item.active{background:#e6eae5}.chat-open{background:none;border:0;flex:1;padding:10px 12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chat-delete{border:0;background:none;opacity:.6;padding:6px 9px;font-size:17px}.chat-delete:hover{color:#943c39}.side-foot{font-size:12px;color:#7b827a;padding:20px 10px 0}.conversation{display:flex;flex-direction:column;min-width:0;flex:1}.conversation>header{display:flex;align-items:center;gap:12px;padding:18px 28px;flex-shrink:0}.demo{font-size:11px;color:#788278;background:#f1f4f0;border-radius:6px;padding:4px 7px;margin-left:9px}.home{margin-left:auto;color:#6d786d;font-size:13px}.mobile-menu{display:none!important}.thread{flex:1;overflow:auto;padding:28px max(24px,calc((100% - 760px)/2));scroll-behavior:smooth;overscroll-behavior:contain}.welcome{margin:12vh auto 0;max-width:600px;text-align:center}.welcome-mark{font-size:45px;color:#769a7c}.welcome h1{font-size:28px;font-weight:550;letter-spacing:-.6px;margin:12px 0}.welcome p{color:#858b83}.suggestions{display:flex;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}.suggestions button{background:#fff;border:1px solid #e4e8e1;padding:11px 16px;border-radius:12px;color:#646e60;font-size:13px}.message{margin-bottom:26px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;background:#f0f2ed;border-radius:20px;padding:12px 18px;max-width:85%;width:fit-content}.message.assistant{padding:5px 4px;max-width:100%;line-height:1.75}.message.failed{color:#8b423d;font-size:13px}.pending{color:#889285;font-size:14px}.bottom{padding:10px 24px 14px;width:100%;max-width:800px;align-self:center}.bottom form{background:#f5f6f3;border:1px solid #e5e8e1;border-radius:24px;padding:14px 16px 10px;box-shadow:0 2px 8px #293d2810}textarea{resize:none;border:0;outline:none!important;background:none;display:block;width:100%;max-height:160px;min-height:27px;padding:0;color:#262e23;line-height:1.6}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-top:8px;min-height:36px}.buttons{display:flex;gap:5px;margin-left:auto}.icon{width:36px;height:36px;border:0;background:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#485244}.icon:hover{background:#e6eae1}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.send{background:#314f36;color:white;margin-left:4px}.send:hover{background:#426648}.icon.recording{background:#ead8d5;color:#95473a}#recording-label{font-size:12px;color:#828a7e}.notice{font-size:12px;color:#8f493e;min-height:18px;text-align:center;margin:8px 0 0}.disclosure{font-size:11px;color:#8b9287;text-align:center;margin:5px 0 0}.voice-bar{background:#eef3e9;border:1px solid #d9e4d1;border-radius:14px;display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:12px;font-size:13px}.voice-dot{width:9px;height:9px;background:#77956b;border-radius:50%;flex-shrink:0}.voice-choice{display:flex;align-items:center;gap:5px;margin-left:auto;color:#66735d}.voice-choice select{border:0;background:transparent;font-size:12px;max-width:105px}.voice-bar button{background:white;border:1px solid #d3dec9;border-radius:8px;padding:5px 8px;font-size:12px}.empty-history{font-size:12px;color:#8c948a;padding:5px 12px}@media(max-width:700px){aside{position:fixed;z-index:5;height:100dvh;box-shadow:4px 0 20px #0001;transform:translateX(-100%);transition:transform .2s}aside.open{transform:translateX(0)}.mobile-menu{display:inline-flex!important}.conversation>header{padding:14px 12px}.thread{padding:20px 18px}.bottom{padding:8px 12px 12px}.welcome{margin-top:12vh}.welcome h1{font-size:24px}.home{font-size:11px}.demo{font-size:10px;margin-left:5px}.voice-bar{gap:7px;flex-wrap:wrap}.voice-choice{margin-left:0}.disclosure{font-size:10px}.message.user{max-width:95%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.model-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 28px 8px;color:#798274;font-size:12px}.model-row select{background:#f6f7f4;border:1px solid #e3e7df;border-radius:8px;padding:5px 8px;font-size:12px;max-width:185px}.model-row #latency{margin-left:auto;font-variant-numeric:tabular-nums}@media(max-width:700px){.model-row{padding:0 12px 8px;font-size:11px;gap:5px}.model-row select{max-width:165px;font-size:11px}.model-row #latency{font-size:10px}}

.source-page{max-width:900px;margin:32px auto;padding:24px;overflow-wrap:anywhere}.source-page h2{font-size:18px;margin-top:24px}.source-page p{white-space:pre-wrap;line-height:1.6}.message a{color:#2c683d;text-decoration:underline}.model-row{flex-wrap:wrap}

.stop-dictation{display:inline-flex;align-items:center;gap:7px;border:1px solid #b5685c;border-radius:18px;background:#fff0ed;color:#803b30;padding:7px 12px;font-size:12px;font-weight:650;min-height:38px}.stop-dictation span{font-size:14px}.stop-dictation:hover{background:#f9dfd8}
.voice-bar{--voice-level:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 20px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,#f1f6ef,#f7faf8);box-shadow:0 6px 26px #426a5610}.voice-description{display:flex;flex-direction:column;gap:7px;min-width:0}.voice-description strong{font-size:19px;font-weight:550;color:#294d3b}.voice-description>span{font-size:12px;color:#6c7d70}.voice-controls{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #dde8df;padding-top:12px}.voice-choice{margin-left:0}.voice-cues-choice{display:flex;align-items:center;gap:5px;font-size:12px;color:#66735d}.voice-cues-choice input{accent-color:#416f55}.voice-bar #end-voice{margin-left:auto;padding:8px 12px;border-radius:12px;min-height:36px}.voice-scene{width:110px;height:110px;position:relative;display:grid;place-items:center;isolation:isolate}.voice-halo{position:absolute;inset:5px;border-radius:50%;border:1px solid #85b69f70;animation:voice-halo 2.6s ease-in-out infinite}.voice-orb{width:76px;height:76px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 24%,#e7ffee,#83c8a7 38%,#397d67 77%,#275447);box-shadow:inset 0 -4px 10px #284e6f33,0 5px 18px #4e997d30;transform:scale(calc(1 + var(--voice-level)*.24));transition:transform .12s;animation:voice-breathe 3s ease-in-out infinite}.voice-orb i{position:absolute;inset:-20%;border-radius:42%;background:linear-gradient(120deg,#dcfff790,#f7fff610,#65ac9750);animation:voice-swirl 8s linear infinite}.voice-orb i:nth-child(2){inset:5% -40% -20%;background:linear-gradient(30deg,#2a746780,#bcefff90,#ffffff10);animation-direction:reverse;animation-duration:11s}.voice-orb i:nth-child(3){inset:-30% 15% 25% -35%;opacity:.5;animation-duration:6s}.voice-wave{position:absolute;bottom:5px;display:flex;align-items:center;gap:4px;height:20px}.voice-wave i{width:3px;height:5px;border-radius:4px;background:#548872;transition:height .12s}.voice-bar[data-state=listening] .voice-orb{animation:none}.voice-bar[data-state=listening] .voice-wave i{height:calc(4px + var(--voice-level)*18px)}.voice-wave i:nth-child(2),.voice-wave i:nth-child(4){opacity:.7}.voice-bar[data-state=thinking] .voice-orb,.voice-bar[data-state=transcribing] .voice-orb{background:radial-gradient(circle at 30% 24%,#f1f6ff,#96bfc9 38%,#657ca4 77%,#4e6180)}.voice-bar[data-state=thinking] .voice-halo,.voice-bar[data-state=transcribing] .voice-halo{border:2px solid #93aec433;border-top-color:#65869f;animation:voice-swirl 1.8s linear infinite}.voice-bar[data-state=thinking] .voice-orb i{animation-duration:3s}.voice-bar[data-state=speaking] .voice-orb{animation:voice-speaking .8s ease-in-out infinite}.voice-bar[data-state=speaking] .voice-wave i{animation:voice-bars .65s ease-in-out infinite alternate}.voice-bar[data-state=speaking] .voice-wave i:nth-child(2){animation-delay:-.2s}.voice-bar[data-state=speaking] .voice-wave i:nth-child(3){animation-delay:-.4s}.voice-bar[data-state=speaking] .voice-wave i:nth-child(4){animation-delay:-.1s}.voice-bar[data-state=paused] .voice-orb,.voice-bar[data-state=paused] .voice-halo,.voice-bar[data-state=paused] .voice-orb i{animation-play-state:paused;opacity:.75}
@keyframes voice-swirl{to{transform:rotate(360deg)}}@keyframes voice-breathe{50%{transform:scale(1.05)}}@keyframes voice-halo{50%{transform:scale(1.08);opacity:.4}}@keyframes voice-speaking{50%{transform:scale(1.12)}}@keyframes voice-bars{to{height:19px}}
@media(max-width:700px){.voice-bar{grid-template-columns:82px minmax(0,1fr);padding:14px;gap:8px 12px}.voice-scene{width:82px;height:90px}.voice-orb{width:62px;height:62px}.voice-description strong{font-size:17px}.voice-description>span{font-size:11px}.voice-controls{gap:8px}.voice-bar #end-voice{margin-left:0}.composer-tools{flex-wrap:wrap;gap:5px}.stop-dictation{font-size:11px;padding:7px 9px}#recording-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.voice-scene *{animation:none!important;transition:none!important}}