:root{--ink:#17272c;--muted:#76817f;--green:#2b6256;--line:#e6eae7;--cream:#f6f7f3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;height:100dvh;display:flex}button,input{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #8fc6b7;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}aside{width:256px;flex-shrink:0;background:var(--cream);border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:650;align-items:center;letter-spacing:1px}.brand small{display:block;font-size:11px;color:#89938f;font-weight:400;letter-spacing:2px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--green);color:white;font-size:21px}.side-label{font-size:11px;color:#929d95;letter-spacing:2px;margin:48px 14px 12px}.nav{border:0;background:transparent;width:100%;text-align:left;border-radius:9px;padding:12px;color:#5e6c65;display:flex;gap:12px}.nav.active{background:#e5eee6;color:#235547;font-weight:600}.side-card{border:1px solid #e1e6dc;margin-top:35px;padding:22px 18px;border-radius:16px;background:linear-gradient(145deg,#f2f4e9,#e8efea)}.tag{font-size:10px;letter-spacing:2px;color:#7f947f}.side-card h3{font-size:20px;line-height:1.6;font-weight:500}.side-card p{font-size:12px;color:#7a8579}.mini-wave{display:flex;gap:5px;align-items:center;height:30px}.mini-wave i{width:3px;height:15px;background:#8ca998;border-radius:2px}.mini-wave i:nth-child(2n){height:28px}.side-bottom{margin-top:auto}.side-bottom small{font-size:10px;color:#98a098;padding-left:12px}main{flex:1;min-width:0;display:flex;flex-direction:column}header{padding:24px 42px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.top-label{font-size:10px;letter-spacing:2px;color:#85958c}h1{font-size:19px;font-weight:600;margin:2px 0}.header-actions{display:flex;gap:18px;align-items:center}.status{font-size:12px;color:#7e8882;background:#f2f5f0;padding:5px 12px;border-radius:20px}.status.connected{color:var(--green);background:#e9f4ed}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#5c6b62}.chat{flex:1;min-height:0;overflow:auto;padding:28px max(26px,calc((100% - 850px)/2));scroll-behavior:smooth}.welcome{text-align:center;margin:auto;max-width:760px;padding-top:clamp(8px,7vh,70px)}.hero-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 28px;background:#edf3ec;border:1px solid #dde7dc;border-radius:23px;transform:rotate(-7deg)}.hero-icon svg{width:40px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;transform:rotate(7deg)}.eyebrow{font-size:11px;color:#8b9c8f;letter-spacing:3px}h2{font-size:30px;letter-spacing:-.6px;font-weight:550;margin:14px 0}.welcome p{color:var(--muted);font-size:14px;line-height:1.9}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;text-align:left}.suggestions button{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 18px;text-align:left}.suggestions span{display:block;color:#678879;font-size:21px;margin-bottom:12px}.suggestions strong{display:block;font-size:14px;font-weight:550}.suggestions small{display:block;color:#89918b;font-size:11px;margin-top:6px}.message{display:flex;gap:12px;margin:20px 0;align-items:flex-start}.avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#edf3ec;color:var(--green);font-size:11px;flex-shrink:0}.message.user{flex-direction:row-reverse}.message.user .avatar{background:#f0f1f0;color:#8a938d}.bubble{max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 18px;background:#f6f7f4;border-radius:0 14px 14px 14px;line-height:1.9;font-size:14px}.user .bubble{background:#e9f1eb;border-radius:14px 0 14px 14px}.bubble.interim{opacity:.6}.notice{font-size:12px;color:#826a47;text-align:center;padding:0 20px;min-height:22px}.notice.error{color:#b04a47}footer{padding:18px 42px 16px}.voice-panel{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #e4e8df;border-radius:15px;padding:20px 24px;background:linear-gradient(130deg,#fafbf7,#f4f7ef)}.voice-info{display:flex;gap:18px;align-items:center}.voice-info strong{display:block;font-size:14px;font-weight:550}.voice-info span{display:block;font-size:11px;color:#869185;margin-top:4px}.wave{display:flex;gap:3px;align-items:center;height:35px}.wave i{height:10px;width:3px;background:#789c86;border-radius:3px}.wave i:nth-child(2n){height:21px}.wave i:nth-child(3){height:30px}.wave.on i{animation:wave .9s infinite alternate}.wave.on i:nth-child(2n){animation-delay:.2s}@keyframes wave{to{height:6px;opacity:.5}}.call-actions{display:flex;gap:9px;align-items:center}.primary,.secondary,.end{border:0;border-radius:9px;padding:11px 17px;font-size:13px;white-space:nowrap;font-weight:550}.primary{background:var(--green);color:white}.primary span{margin-left:16px}.secondary{background:#e8ece4;color:#69786a}.end{background:#f4e8e3;color:#ae6553}.footer-note{display:flex;gap:16px;align-items:center;margin-top:12px;color:#949c95;font-size:10px}.footer-note span{margin-right:auto}.footer-note button{border:0;background:transparent;color:#7d8c80;font-size:11px}.disclaimer{text-align:center;font-size:10px;color:#a2a8a3;margin:10px 0 0}.mobile-only{display:none}dialog{border:1px solid var(--line);border-radius:18px;max-width:470px;width:calc(100% - 32px);padding:28px;color:var(--ink)}dialog::backdrop{background:#142e2860;backdrop-filter:blur(4px)}.dialog-title{display:flex;justify-content:space-between;gap:12px}.dialog-title h2{font-size:22px;margin:6px 0}dialog p{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;margin:18px 0 0;color:#667a6c}input{display:block;width:100%;border:1px solid #dfe5dd;border-radius:8px;padding:11px;margin-top:6px;color:var(--ink);background:#fafbf8;font-size:12px}.field-note{display:block;color:#929d90;font-size:10px;margin-top:6px}details{margin:20px 0;color:#83927e;font-size:12px}summary{cursor:pointer}.full{width:100%;margin-top:12px}.settings-error{font-size:11px;color:#ae6553}.system-message{font-size:11px;color:#8b988d;text-align:center;margin:12px 0}[hidden]{display:none!important}@media(max-width:1000px){aside{width:215px;padding:24px 16px}header,footer{padding-left:24px;padding-right:24px}.voice-panel{padding:16px}.voice-info{gap:12px}.suggestions{gap:8px}.suggestions button{padding:15px 12px}}@media(max-width:760px){aside{display:none}header{padding:17px 20px}.chat{padding:20px}.welcome{padding-top:25px}h2{font-size:25px}.hero-icon{margin-bottom:20px}.suggestions{margin-top:25px}.suggestions button{padding:12px 10px}.suggestions small{font-size:10px}.suggestions span{margin-bottom:6px}.voice-panel{flex-direction:column;align-items:stretch;gap:15px}.voice-info{justify-content:center}.call-actions{justify-content:center}footer{padding:10px 18px}.footer-note{flex-wrap:wrap;gap:10px}.footer-note span{font-size:9px}.mobile-only{display:inline}dialog{padding:24px}.header-actions{gap:10px}.bubble{max-width:85%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}dialog p{line-height:1.9}@media(max-width:430px){header{padding:12px 16px}.chat{padding:14px}.welcome{padding-top:12px}.hero-icon{width:56px;height:56px;margin-bottom:12px}.welcome h2{font-size:23px}.suggestions{margin-top:18px;gap:7px}.suggestions small{display:none}.voice-panel{padding:14px}.footer-note{gap:6px}.footer-note span{flex-basis:100%;text-align:center}.footer-note button{flex:1;padding:6px 0}.disclaimer{margin-top:5px}}