:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#152339;background:#fbfcfe;--surface:#fff;--sidebar:#f2f5fa;--line:#e4eaf2;--muted:#6d7b8c;--blue:#176bff;--tint:#eaf2ff;color-scheme:light}
:root[data-theme=dark]{color:#e5eaf3;background:#111923;--surface:#192431;--sidebar:#141e2a;--line:#2c3b4e;--muted:#98a6b9;--blue:#78aaff;--tint:#20334e;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;display:flex;height:100dvh;min-height:320px}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button{color:inherit;border:0;background:transparent}button:active:not(:disabled){transform:scale(.97)}.sidebar{width:260px;flex-shrink:0;background:var(--sidebar);padding:27px 18px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;font-size:21px;font-weight:650;padding:0 8px 27px}.mark{font-size:30px;color:var(--blue)}.brand-note{font-size:9px;letter-spacing:2px;color:var(--muted);margin-left:auto}.new-chat{padding:13px 16px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px}.new-chat span{font-size:18px;margin-right:10px}.section-label{font-size:11px;letter-spacing:1px;color:var(--muted);padding:20px 12px 6px}.history{overflow:auto;flex:1}.history button{display:block;width:100%;padding:12px;border-radius:9px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5}.history button[aria-current=true]{background:var(--tint);color:var(--blue)}.sidebar-bottom{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding:19px 8px 0;font-size:12px}.sidebar-bottom span{color:var(--muted)}main{min-width:0;flex:1;display:flex;flex-direction:column}.chat-header{min-height:76px;padding:16px 30px;display:flex;align-items:center;gap:10px}.model-controls{display:flex;align-items:center;gap:7px;flex:1;min-width:0}select{border:0;background:transparent;color:inherit;padding:9px 24px 9px 7px;max-width:100%;font-size:14px}#model{font-weight:600}#reasoning{color:var(--muted);font-size:12px}.icon-button{width:40px;height:40px;border-radius:10px;font-size:20px}.menu{display:none}.scroll-area{overflow-y:auto;flex:1;scrollbar-gutter:stable;padding:10px 28px 35px}.welcome{max-width:720px;margin:clamp(25px,10vh,140px) auto 20px;text-align:center}.welcome-mark{display:block;font-size:52px;color:var(--blue);margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted)}h1{font-weight:500;font-size:clamp(24px,3vw,36px);letter-spacing:-1px;margin:15px 0}.welcome>p:last-of-type{color:var(--muted);font-size:14px;line-height:1.8}.suggestions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}.suggestions button{padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-size:12px;background:var(--surface)}.messages{max-width:750px;margin:auto}.message{margin:22px 0 30px;line-height:1.9;font-size:15px;overflow-wrap:anywhere}.message.user{margin-left:12%;display:flex;flex-direction:column;align-items:flex-end}.message.user .content{background:var(--tint);padding:13px 20px;border-radius:20px 20px 4px 20px;max-width:100%}.message.assistant{padding-right:10px}.message-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:10px;letter-spacing:.4px}.message-label .mark{font-size:20px}.content{white-space:pre-wrap}.content pre{overflow:auto;max-width:100%;padding:16px;background:var(--sidebar);border:1px solid var(--line);border-radius:10px;white-space:pre;font-size:13px;line-height:1.6}.copy{font-size:11px;color:var(--muted);padding:6px 0;margin-top:5px}.compose-area{padding:0 28px max(12px,env(safe-area-inset-bottom))}.composer{max-width:780px;margin:auto;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:18px 18px 12px;box-shadow:0 5px 25px #162d4b07}.composer:focus-within{border-color:var(--blue)}textarea{display:block;width:100%;resize:none;min-height:54px;max-height:180px;background:transparent;border:0;color:inherit;line-height:1.65;font-size:16px;outline:none!important}.composer-footer{display:flex;align-items:center;gap:10px;min-height:38px}.composer-footer>span{flex:1;font-size:10px;color:var(--muted)}.send{width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--surface);font-size:25px;line-height:1}.status{max-width:750px;margin:0 auto 10px;min-height:18px;font-size:12px;color:var(--muted)}.status[data-error=true]{color:#b9554e}#cancel{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12px}.footnote{text-align:center;color:var(--muted);font-size:10px;line-height:1.6;margin:10px 0 0}.notice{background:var(--tint);color:var(--blue);padding:14px 28px;font-size:13px;line-height:1.7}.notice a{text-decoration:underline;margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(hover:hover) and (pointer:fine){.history button:hover,.icon-button:hover{background:var(--tint)}.suggestions button:hover{border-color:var(--blue)}a:hover{color:var(--blue)}}
@media(max-width:760px){.sidebar{display:none;position:fixed;top:66px;bottom:0;left:0;width:min(290px,85vw);z-index:5;box-shadow:10px 5px 30px #0002}.sidebar.open{display:flex}.menu{display:block}.chat-header{min-height:66px;padding:10px 13px;gap:3px}.scroll-area{padding:5px 18px 20px}.compose-area{padding:0 12px max(10px,env(safe-area-inset-bottom))}select{font-size:13px;padding-right:8px}#reasoning{font-size:11px}.welcome{margin-top:6vh}.welcome-mark{font-size:42px}.suggestions{gap:7px}.suggestions button{font-size:11px;padding:11px}.message{font-size:14px}.composer-footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}
