:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg:#f3f4ef;--bg-gradient:linear-gradient(180deg, #f8f8f2 0%, #edefe6 100%);--text:#17190f;--muted:#686d5e;--panel:#fffffccc;--panel-strong:#fffdf8;--panel-soft:#efeee4;--border:#17190f1f;--border-strong:#17190f33;--shadow:0 16px 44px #2e332b14;--shadow-strong:0 18px 44px #2e332b26;--solid:#171913;--solid-text:#fdfcf7;--accent:#d64312;--accent-soft:#d6431221;--accent-shadow:#d643123d;--success:#0f7e6c;--success-soft:#0f7e6c24;--locked:#6c7a74;--placeholder:#99a091;--error:#bb2f21;--motion-fast:.15s cubic-bezier(.2, .9, .25, 1);--motion-medium:.26s cubic-bezier(.2, .9, .25, 1);background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,PingFang SC,HarmonyOS Sans SC,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101210;--bg-gradient:linear-gradient(180deg, #161815 0%, #0e100e 100%);--text:#f1efe4;--muted:#a3a996;--panel:#1b1e1ad6;--panel-strong:#1a1d19;--panel-soft:#242821;--border:#f1efe421;--border-strong:#f1efe43d;--shadow:0 18px 52px #0000005c;--shadow-strong:0 22px 58px #00000080;--solid:#f1efe4;--solid-text:#12140f;--accent:#ff7040;--accent-soft:#ff704030;--accent-shadow:#ff704042;--success:#34c2a7;--success-soft:#34c2a733;--locked:#9fb0a8;--placeholder:#8d9484;--error:#ff796c}*{box-sizing:border-box}body{background:var(--bg-gradient);min-width:320px;min-height:100vh;color:var(--text);transition:background var(--motion-medium), color var(--motion-medium);margin:0}button,input,textarea{font:inherit}button{border:0}button:focus-visible,.sample-chip:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:24px 0 40px;animation:.36s both surface-in}.topbar,.operator-panel,.auth-panel,.boot-panel,.chat-pane,.composer,.question-pane,.type-pane{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background var(--motion-medium), border-color var(--motion-medium), box-shadow var(--motion-medium), transform var(--motion-medium), opacity var(--motion-medium)}.topbar{border-radius:14px;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:14px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{width:46px;height:46px;color:var(--solid-text);background:var(--solid);transition:background var(--motion-medium), color var(--motion-medium), transform var(--motion-fast);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 -10px 20px #ffffff14}.brand:hover .brand-mark{transform:rotate(-6deg)}h1,h2,h3,p{margin:0}h1{letter-spacing:.01em;font-size:22px;line-height:1.1}.brand p,.operator-panel p,.muted,.identity small{color:var(--muted)}.human-badge{border:1px solid var(--success-soft);color:var(--success);background:color-mix(in srgb, var(--success-soft) 55%, transparent);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px}.topbar-actions,.theme-switcher,.auth-tabs,.operator-actions,.button-row,.reaction-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg,.ghost,.primary,.theme-button,.icon-button,.auth-menu-button,.mini-logout,.sample-chip{cursor:pointer;min-height:40px;transition:transform var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast), opacity var(--motion-fast);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.seg,.ghost,.theme-button,.icon-button,.auth-menu-button,.mini-logout{border:1px solid var(--border);background:var(--panel);color:var(--text)}.seg:hover,.ghost:hover,.theme-button:hover,.icon-button:hover,.auth-menu-button:hover,.mini-logout:hover{border-color:var(--border-strong);background:var(--panel-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.seg.active,.theme-button.active{border-color:var(--solid);background:var(--solid);color:var(--solid-text);box-shadow:var(--shadow-strong)}.icon-button.selected{border-color:var(--accent);background:var(--accent);color:#fff;animation:.32s cubic-bezier(.2,.9,.25,1) thumb-pop}.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px var(--accent-shadow)}.primary:hover{box-shadow:0 14px 30px var(--accent-shadow);filter:brightness(1.05);transform:translateY(-1px)}button:active:not(:disabled),.sample-chip:active{transform:translateY(0)scale(.98)}.auth-menu-button{white-space:nowrap;padding:0 12px}.mini-identity{border:1px solid var(--border);background:var(--panel);min-height:40px;transition:background var(--motion-medium), border-color var(--motion-medium), color var(--motion-medium), transform var(--motion-fast);border-radius:10px;grid-template-columns:minmax(0,auto) auto;align-items:center;gap:1px 10px;padding:6px 6px 6px 12px;display:grid}.mini-identity span{font-size:13px;font-weight:650;line-height:1.1}.mini-identity small{color:var(--muted);font-family:var(--font-mono);grid-column:1;font-size:10.5px;line-height:1.2}.mini-logout{grid-area:1/2/span 2;min-height:28px;padding:0 9px;font-size:12px}.theme-switcher{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 86%, transparent);transition:background var(--motion-medium), border-color var(--motion-medium);border-radius:12px;padding:4px}.theme-button{border-radius:8px;width:34px;min-height:34px;padding:0}.theme-button:hover svg{transform:rotate(14deg)}.theme-button svg{transition:transform var(--motion-medium)}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.auth-panel{border-radius:16px;gap:16px;width:min(440px,100%);padding:22px;display:grid}.auth-overlay{z-index:20;pointer-events:none;place-items:start end;padding:92px max(18px,50vw - 590px) 18px 18px;display:grid;position:fixed;inset:0}.auth-backdrop{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);cursor:default;pointer-events:auto;background:#0c0e0a52;animation:.18s both fade-in;position:fixed;inset:0}.auth-overlay .auth-panel{pointer-events:auto;background:var(--panel-strong);box-shadow:var(--shadow-strong);margin:0;animation:.24s cubic-bezier(.2,.9,.25,1) both popover-in;position:relative}.auth-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.auth-panel-head h2{font-size:19px;line-height:1.25}.auth-panel-head .muted{margin-top:5px;font-size:13px}.auth-tabs .seg{flex:1}.auth-panel label span{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:11px}.auth-panel .primary{width:100%;min-height:46px;font-weight:650}.boot-panel{color:var(--muted);border-radius:14px;margin-top:16px;padding:18px;animation:.32s both panel-in}label{color:var(--muted);gap:7px;font-size:14px;display:grid}input,textarea{border:1px solid var(--border-strong);background:var(--panel-strong);width:100%;color:var(--text);transition:background var(--motion-medium), border-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-medium);border-radius:10px;outline:none}input{height:44px;padding:0 12px}textarea{resize:vertical;min-height:160px;padding:12px;line-height:1.55}input:hover,textarea:hover{border-color:var(--border-strong);background:var(--panel-strong)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:16px;margin-top:16px;animation:.32s both surface-in;display:grid}.request-workspace{margin-top:16px;animation:.32s both surface-in}.chat-pane,.composer,.operator-panel,.question-pane,.type-pane{border-radius:14px;padding:16px;animation:.32s both panel-in}.conversation{flex-direction:column;gap:14px;min-height:460px;max-height:min(62vh,620px);padding-right:4px;display:flex;overflow-y:auto}.request-chat-pane{grid-template-rows:minmax(0,1fr) auto;gap:12px;width:min(900px,100%);min-height:calc(100vh - 152px);margin:0 auto;display:grid}.request-chat-pane.empty-chat{min-height:min(560px,100vh - 152px)}.request-chat-pane.empty-chat .conversation{justify-content:center;min-height:320px}.empty-hero{text-align:center;justify-items:center;gap:12px;margin:auto;padding:24px 12px;animation:.42s both panel-in;display:grid}.empty-kicker{font-family:var(--font-mono);letter-spacing:.22em;color:var(--success);font-size:11px}.empty-hero h2{letter-spacing:.01em;font-size:clamp(24px,4vw,32px);font-weight:750}.empty-hero .muted{max-width:400px;font-size:14px}.sample-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.sample-chip{border:1px dashed var(--border-strong);min-height:36px;color:var(--muted);background:0 0;border-radius:999px;padding:0 14px;font-size:13px}.sample-chip:hover{border-style:solid;border-color:var(--accent);color:var(--text);background:var(--accent-soft);transform:translateY(-1px)}.bubble{white-space:pre-wrap;max-width:82%;transition:background var(--motion-medium), border-color var(--motion-medium), color var(--motion-medium), transform var(--motion-fast);border-radius:12px;padding:13px 14px;line-height:1.6;animation:.26s both bubble-in}.user-bubble{background:var(--solid);color:var(--solid-text);border-bottom-right-radius:4px;align-self:flex-end}.ai-bubble{background:color-mix(in srgb, var(--success-soft) 26%, var(--panel-strong));border:1px solid var(--border);border-left:3px solid var(--success);border-bottom-left-radius:4px;align-self:flex-start}.ai-bubble:has(.typing-mark){min-width:120px}.bubble-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--success);align-items:center;gap:6px;margin-bottom:7px;font-size:10.5px;display:flex}.thinking-line{color:var(--muted);vertical-align:middle;align-items:center;gap:8px;display:inline-flex}.typing-mark{vertical-align:middle;justify-content:flex-start;align-items:center;gap:5px;width:52px;height:24px;display:inline-flex}.typing-mark span{background:var(--success);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite typing}.typing-mark span:nth-child(2){animation-delay:.12s}.typing-mark span:nth-child(3){animation-delay:.24s}.reaction-row{border-top:1px solid var(--border);justify-content:flex-start;margin-top:10px;padding-top:10px}.icon-button{width:40px;padding:0}.composer{gap:12px;display:grid}.chat-composer{border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:14px;padding:10px}.chat-composer:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-strong)}.chat-composer textarea{resize:vertical;background:0 0;border:0;border-radius:8px;min-height:56px;max-height:180px;padding:8px}.chat-composer textarea:focus{box-shadow:none;border-color:#0000}.chat-composer textarea:focus-visible{outline:none}.composer-footer{min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.composer-footer>span{font-family:var(--font-mono);letter-spacing:.04em;font-size:11.5px}.answer-workspace{grid-template-columns:1fr}.operator-panel{align-items:center;gap:14px;display:flex}.operator-panel h2{font-size:19px;line-height:1.2}.operator-actions{margin-left:auto}.shift-meter{border:1px dashed var(--border-strong);min-height:40px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;border-radius:10px;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.status-orbit{width:54px;height:54px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--border);transition:background var(--motion-medium), border-color var(--motion-medium), color var(--motion-medium), transform var(--motion-medium);border-radius:14px;place-items:center;display:grid}.status-orbit.live{color:#fff;background:var(--success);border-color:var(--success);animation:1.5s ease-in-out infinite pulse}.status-orbit.busy{color:#fff;background:var(--accent);border-color:var(--accent);animation:1.1s ease-in-out infinite pulse-busy}.answer-grid{transition:gap var(--motion-medium);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.question-pane,.type-pane{min-height:420px}.pane-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.pane-head h3,.question-pane h3{font-size:15px}.ticket-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);font-size:11px;animation:.26s both fade-in}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;line-height:1.6}.type-pane{gap:12px;display:grid}.answer-editor{min-height:220px;display:grid}.answer-editor-body{border:1px solid var(--border);background:var(--panel-strong);white-space:pre-wrap;word-break:break-word;cursor:text;min-height:220px;transition:background var(--motion-medium), border-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-medium), opacity var(--motion-fast);border-radius:12px;outline:none;padding:12px;line-height:1.7}.answer-editor-body:focus-within{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.answer-editor-body.disabled{opacity:.72;cursor:not-allowed}.locked-inline{color:var(--locked);white-space:pre-wrap;word-break:break-word;transition:color var(--motion-medium)}.locked-frag{border-radius:3px;animation:.9s cubic-bezier(.2,.9,.25,1) both weld-in}.draft-inline{caret-color:var(--accent);color:var(--text);white-space:pre-wrap;word-break:break-word;outline:none;min-width:1px}.draft-inline:empty:before{color:var(--placeholder);content:attr(data-placeholder)}.draft-inline:empty:after{content:" "}.error{color:var(--error);line-height:1.45}html[data-theme=dark] .primary{color:#1f0d06}html[data-theme=dark] .icon-button.selected,html[data-theme=dark] .status-orbit.live,html[data-theme=dark] .status-orbit.busy{color:#12140f}@keyframes typing{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--success-soft)}50%{box-shadow:0 0 0 10px #23967f00}}@keyframes pulse-busy{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 10px #d6431200}}@keyframes thumb-pop{0%{transform:scale(1)}45%{transform:scale(1.22)rotate(-6deg)}to{transform:scale(1)}}@keyframes weld-in{0%{background:var(--accent-soft);color:var(--text)}55%{background:var(--accent-soft)}to{color:var(--locked);background:0 0}}@keyframes surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes popover-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=820px){.shell{width:min(100vw - 20px,720px);padding-top:10px}.topbar,.operator-panel{flex-direction:column;align-items:stretch}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-switcher{grid-column:1/-1;justify-content:center}.auth-menu-button,.mini-identity{grid-column:1/-1}.seg,.primary,.ghost{flex:1}.operator-actions{width:100%;margin-left:0}.shift-meter{flex:1;justify-content:center}.auth-overlay{place-items:start center;padding:92px 10px 10px}.workspace,.answer-grid{grid-template-columns:1fr}.conversation{min-height:340px}.bubble{max-width:94%}.question-pane,.type-pane{min-height:auto}.human-badge{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
