:root{font-family:Arial,system-ui,sans-serif;color:#24282d;background:#f3f4f5;color-scheme:light;--accent:#f74c00;--muted:#777e86;--edge:#e3e5e8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh}button,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--edge);background:#fff;border-radius:7px;padding:10px 15px;transition:background .2s,border-color .2s}button:hover{border-color:#f74c0070;background:#fff8f4}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:88px;padding:0 max(28px,calc((100vw - 1080px)/2));background:#22262b;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--accent)}.brand{display:flex;align-items:center}.brand img{width:110px;height:54px}.tech-logo{width:155px;height:auto}main{max-width:960px;margin:auto;padding:0 28px 32px}.hero{position:relative;text-align:center;height:150px;padding-top:32px}h1{font-size:32px;font-weight:650;letter-spacing:-.8px;margin:0}.hero canvas{position:absolute;bottom:0;left:10%;width:80%;height:65px;pointer-events:none}.mode-switch{display:flex;position:relative;width:224px;padding:4px;margin:0 auto 22px;border:1px solid #d9dde1;background:#e8eaed;border-radius:9px;isolation:isolate}.mode-switch button{flex:1;border:0;background:none;font-size:14px;padding:10px;color:#737981}.mode-switch button[aria-pressed=true]{color:#23272c;font-weight:600}.mode-switch button span{margin-right:6px}.mode-slider{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:white;border-radius:6px;box-shadow:0 1px 4px #15202b18;z-index:-1;transition:transform .25s}body[data-mode=voice] .mode-slider{transform:translateX(100%)}.workspace{height:clamp(455px,calc(100svh - 346px),820px);min-height:455px;border:1px solid #dfe2e6;background:#fff;border-radius:12px;box-shadow:0 8px 28px #20283306;overflow:hidden;display:flex;flex-direction:column}.panel-head{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceef0}.identity{display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#fff0e8;color:#d94300;border:1px solid #ffdcc8;border-radius:50%;font-size:16px;position:relative}.avatar span{position:absolute;width:8px;height:8px;background:#4d9b6d;border:2px solid #fff;border-radius:50%;right:0;bottom:0}h2{font-size:15px;margin:0;font-weight:600}.quiet{border:0;background:none;color:#7b8188;font-size:12px}.log{flex:1;min-height:0;overflow:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#d8dce1 transparent}.empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.part-icon{width:98px;height:98px;margin:0 0 20px;color:#b4bac1}.part-icon svg{width:100%;height:100%}.empty h3{font-size:22px;letter-spacing:-.4px;font-weight:550;margin:0 0 10px}.empty p{color:#858b91;font-size:13px;margin:0}.suggestions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:28px}.suggestions button{font-size:12px;background:#f9fafb;padding:12px 14px;color:#565d65}.suggestions button:hover{background:#fff4ed;border-color:#f74c0070}.suggestions span{color:#f74c00;margin-left:12px}.bubble{max-width:85%;width:fit-content;padding:13px 17px;border:1px solid #e7e9ec;border-radius:10px 10px 10px 2px;margin-bottom:15px;background:#f8f9fa;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{margin-left:auto;background:#fff3eb;border-color:#ffe0cd;border-radius:10px 10px 2px 10px}.bubble small{display:block;color:#8a8f96;font-size:9px;letter-spacing:.6px;margin-bottom:5px}.status-line{display:flex;align-items:center;gap:7px;min-height:25px;padding:3px 25px;font-size:11px;color:#8a9097}.status-line i{width:5px;height:5px;background:#a9afb5;border-radius:50%;flex-shrink:0}.status-line i.active{background:#4d9b6d}.status-line time{margin-left:auto;font-variant-numeric:tabular-nums}form{display:flex;align-items:flex-end;gap:12px;margin:7px 20px 20px;padding:9px 10px 9px 16px;border:1px solid #dce0e5;border-radius:8px;background:#fff}form:focus-within{border-color:#f74c00;box-shadow:0 0 0 2px #f74c000c}textarea{flex:1;min-width:0;border:0;background:none;resize:none;max-height:120px;padding:9px 0;line-height:1.6;font-size:13px;outline:none!important}textarea::placeholder{color:#9a9fa5}#send{width:38px;height:38px;flex-shrink:0;border:0;background:#f74c00;color:white;font-size:25px;padding:0;border-radius:6px}#send:hover{background:#d94300}#voice-controls{display:flex;gap:9px;align-items:center;justify-content:center;padding:14px}.primary{background:#f74c00;color:#fff;border-color:#f74c00;font-size:13px}.primary:hover{background:#dd4400}.danger{background:#fff1ee;color:#bd3e26;border-color:#f2d7d1}#mute,#end{font-size:12px}.error{font-size:12px;background:#fff2ee;color:#ad3825;padding:12px 24px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){header{height:76px;padding:0 20px}.brand img{width:95px;height:47px}.tech-logo{width:124px}main{padding:0 12px 16px}.hero{height:132px;padding-top:28px}h1{font-size:26px}.hero canvas{width:100%;left:0;height:58px}.mode-switch{margin-bottom:17px;width:210px}.workspace{height:calc(100svh - 294px);min-height:440px}.panel-head{padding:15px 16px}.quiet span{display:none}.log{padding:18px 16px}.part-icon{width:78px;height:78px;margin-bottom:18px}.empty h3{font-size:20px}.suggestions{gap:7px;margin-top:22px}.suggestions button{padding:10px;font-size:11px}.suggestions span{margin-left:6px}.bubble{max-width:94%;font-size:13px}form{margin:7px 12px 14px}.status-line{padding:3px 17px}textarea{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}