[data-theme=light]{--canvas:#f4f5f8;--surface:#fff;--card:#fff;--subtle:#f0f1f5;--border:#e4e6eb;--borderStrong:#cfd3da;--ink:#1e2229;--inkSoft:#5c6370;--muted:#949aa6;--primary:#2f6beb;--primaryTint:#eaf0fe;--onPrimary:#fff;--danger:#e5484d;--dangerTint:#fcecec;--success:#12a67a;--successTint:#e6f6ef;--pending:#9aa1ae;--stage:#1b1f26;--track:#d3d7dd}[data-theme=dark]{--canvas:#191c21;--surface:#21252b;--card:#282c33;--subtle:#30353d;--border:#363b44;--borderStrong:#454b55;--ink:#eceef2;--inkSoft:#a2a8b4;--muted:#6e747f;--primary:#5b8ef5;--primaryTint:#22304a;--onPrimary:#fff;--danger:#f0656a;--dangerTint:#3a2426;--success:#3dbe92;--successTint:#143027;--pending:#7a828f;--stage:#101318;--track:#30353d}:root{--overlay:#0d0f1480;--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-inter:"Inter", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{width:100%;height:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:5px;width:232px;height:100vh;padding:16px 14px;transition:width .18s,padding .18s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:68px;padding:16px 10px}.sidebar .nav-item{padding:0 10px}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.side-toggle{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.side-toggle:hover{background:var(--subtle);color:var(--inkSoft)}.main{background:var(--canvas);flex:1;min-width:0;height:100%;overflow:auto}.t{font-family:var(--font-sans);white-space:nowrap;line-height:1.45}.t.mono{font-family:var(--font-mono)}.t.inter{font-family:var(--font-inter)}.t.wrap{white-space:normal}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex}.btn{white-space:nowrap;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.btn-outline{background:var(--surface);border:1px solid var(--border)}.btn-primary{background:var(--primary)}.btn-subtle{background:var(--subtle);border:none}.switch{border-radius:11px;flex:none;align-items:center;width:40px;height:22px;padding:0 2px;display:flex}.switch-on{background:var(--primary);justify-content:flex-end}.switch-off{background:var(--borderStrong);justify-content:flex-start}.switch .knob{border-radius:50%;width:18px;height:18px}.pill{white-space:nowrap;border-radius:11px;align-items:center;display:inline-flex}.card-hover{transition:box-shadow .16s,transform .16s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1013181a}.nav-item{cursor:pointer;width:100%;height:38px;font-family:var(--font-sans);text-align:left;background:0 0;border:none;border-radius:10px;flex:none;align-items:center;gap:10px;display:flex}.nav-item:hover{background:var(--subtle)}textarea,input{font-family:var(--font-sans)}