:root{--bg:#020814;--surface:#071525;--soft:#0a1d33;--line:#20394c;--text:#f2f7fb;--muted:#a8bccb;--mint:#56e4d0;--button-text:#052420;--error:#ffaaa2;color-scheme:dark}
html[data-console-theme="day"]{--bg:#f5f8f9;--surface:#fff;--soft:#ecf3f4;--line:#ceddde;--text:#102b39;--muted:#49616c;--mint:#006d61;--button-text:#fff;--error:#a02e26;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 "Avenir Next","PingFang SC",system-ui,sans-serif}button,textarea,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}::selection{background:var(--mint);color:var(--button-text)}textarea{caret-color:var(--mint)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mint{color:var(--mint)}
.support-top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 32px}.support-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:17px;font-weight:650}.support-top nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}.support-top nav a{text-decoration:none}.support-top nav a:hover{color:var(--text)}.support-controls{margin-left:auto;display:flex;gap:10px}.support-controls select,.theme-button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);min-height:40px;padding:6px 10px;font-size:12px}
.support-shell{display:grid;grid-template-columns:280px minmax(0,860px);max-width:1200px;margin:auto;min-height:calc(100dvh - 72px)}.support-guide{border-right:1px solid var(--line);padding:38px 28px}.support-guide h1{font-size:24px;font-weight:600;margin:0 0 8px}.guide-intro{font-size:13px;color:var(--muted);margin:0 0 36px}.support-guide h2{font-size:12px;font-weight:600;color:var(--muted);margin:30px 0 10px}.guide-links{display:flex;flex-direction:column;gap:2px}.guide-links a{font-size:13px;padding:8px 0;text-decoration:none}.guide-links a:hover,.status-link:hover{color:var(--mint)}.guide-links code{font:12px ui-monospace,SFMono-Regular,monospace;display:block;color:var(--mint)}.guide-links a span{display:block;color:var(--muted);font-size:12px}.status-link{display:inline-block;color:var(--muted);font-size:12px;margin-top:28px}.privacy-note{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;color:var(--muted);font-size:12px;line-height:1.8}
.support-chat{height:calc(100dvh - 72px);min-height:560px;display:flex;flex-direction:column;padding:0 36px 12px;min-width:0}.chat-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.chat-top button{border:0;background:transparent;color:var(--muted);font-size:12px;min-height:36px;padding:0 8px}.chat-top button:hover{color:var(--text)}.chat-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px}.welcome{max-width:560px;margin:clamp(40px,9vh,104px) auto 40px}.welcome-mark{margin-bottom:22px}.welcome h2{font:500 clamp(28px,3vw,38px)/1.3 "Songti SC","Noto Serif CJK SC",serif;margin:0 0 16px;text-wrap:balance}.welcome>p{color:var(--muted);max-width:440px;font-size:14px;margin:0 0 30px}.suggestions{display:flex;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line)}.suggestions button{display:flex;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:14px 4px;min-height:48px;font-size:14px}.suggestions button::after{content:"→";color:var(--mint);margin-left:16px}.suggestions button:hover{background:var(--surface);color:var(--mint)}#support-context{display:block;margin-top:22px;font-size:12px;color:var(--muted)}#support-context[hidden]{display:none}
.message{padding:28px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:70ch}.message-label{color:var(--mint);font-size:12px;font-weight:600;margin-bottom:12px}.message.user .message-label{color:var(--muted)}.message-body{line-height:1.85;font-size:15px}.message-body p{margin:0 0 12px;white-space:pre-wrap}.message-body h3{font-size:17px;margin:22px 0 10px}.message-body pre{overflow:auto;margin:16px 0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;font:12px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre;max-width:100%}.message-body code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em}.message-body p code{background:var(--soft);padding:2px 5px;border-radius:4px}.copy-code{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;min-height:36px;padding:5px 10px;font-size:12px}.sources{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:var(--muted);font-size:12px}.sources a:hover{color:var(--mint)}.message.failed .message-label{color:var(--error)}.message-note{margin-top:14px;font-size:12px;color:var(--muted)}.retry-button{margin-top:12px;min-height:40px;padding:6px 14px;background:var(--soft);border:1px solid var(--line);border-radius:6px;color:var(--text)}
.composer{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:20px;padding:14px 16px 12px}.composer textarea{display:block;resize:none;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;line-height:1.7;max-height:140px}.composer textarea::placeholder{color:var(--muted);opacity:1}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.composer-bottom span{font-size:11px;color:var(--muted)}.composer-bottom button{min-width:72px;min-height:40px;border:0;border-radius:8px;background:var(--mint);color:var(--button-text);font-weight:600;font-size:13px;padding:8px 16px}.composer-bottom button:hover{filter:brightness(1.08)}.chat-footnote{font-size:11px;color:var(--muted);margin:9px 0 0;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.mobile-privacy{display:none}.composer:focus-within{outline:2px solid var(--mint);outline-offset:3px}
@media(max-width:800px){.support-top{height:auto;min-height:64px;flex-wrap:wrap;gap:10px 18px;padding:12px 18px}.support-top nav{gap:14px;font-size:12px}.support-brand{font-size:15px}.support-controls{gap:6px}.support-controls select{max-width:105px}.support-shell{display:block;min-height:0}.support-guide{display:none}.mobile-privacy{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}.support-chat{height:calc(100dvh - 90px);min-height:440px;padding:0 18px max(12px,env(safe-area-inset-bottom))}.chat-top{padding:10px 0}.welcome{margin:28px 0 24px}.welcome-mark{margin-bottom:18px}.welcome h2{font-size:30px}.message-body{font-size:14px}.composer{margin-top:12px;padding:12px}.composer-bottom span{max-width:220px}.message{padding:22px 0}}
@media(max-width:440px){.support-top nav{order:3;width:100%}.support-chat{height:calc(100dvh - 112px)}.theme-button{font-size:11px;padding:4px 8px}.support-brand{gap:6px}.support-brand img{width:26px;height:26px}.support-controls select{font-size:11px;max-width:96px}.chat-footnote{font-size:10px}.composer-bottom span{font-size:10px;max-width:180px}}
@media(prefers-reduced-motion:no-preference){.welcome{animation:welcome-in .35s cubic-bezier(.16,1,.3,1)}@keyframes welcome-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}}
