:root{--bg: #fafaf9;--bg-elev: #ffffff;--bg-sidebar: #f4f4f3;--border: #e5e5e3;--border-strong: #d4d4d2;--fg: #1a1a1a;--fg-mute: #6b6b6b;--fg-faint: #9a9a9a;--accent: #0f172a;--accent-fg: #ffffff;--link: #1d4ed8;--ok: #16a34a;--warn: #d97706;--err: #dc2626;--code-bg: #f1f1ef;--shadow: 0 1px 0 rgba(0, 0, 0, .04);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans CJK TC", "Hiragino Sans GB", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}[data-theme=dark]{--bg: #0b0b0c;--bg-elev: #151517;--bg-sidebar: #101012;--border: #2a2a2d;--border-strong: #3a3a3d;--fg: #ececec;--fg-mute: #a0a0a3;--fg-faint: #6c6c70;--accent: #ffffff;--accent-fg: #0b0b0c;--link: #7aa2f7;--code-bg: #1c1c1f;--shadow: 0 1px 0 rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 12px;line-height:1.25;color:var(--fg)}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}p{margin:0 0 12px;color:var(--fg)}code,pre{font-family:var(--mono);font-size:13px}code{background:var(--code-bg);padding:2px 5px;border-radius:4px}pre{background:var(--code-bg);padding:12px;border-radius:6px;overflow-x:auto}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar .brand{font-weight:700;font-size:18px;letter-spacing:.04em;color:var(--fg);display:flex;align-items:center;gap:6px}.sidebar .brand .dot{color:var(--fg-faint)}.sidebar .search{width:100%;padding:7px 10px;font-size:13px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;outline:none;font-family:var(--font)}.sidebar .search:focus{border-color:var(--border-strong)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav .nav-group{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);padding:12px 8px 4px;font-weight:600}.sidebar nav a{display:block;padding:6px 8px;border-radius:5px;color:var(--fg-mute);font-size:14px}.sidebar nav a:hover{background:var(--border);color:var(--fg);text-decoration:none}.sidebar nav a.active{background:var(--bg-elev);color:var(--fg);font-weight:500}.sidebar .footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--fg-faint)}.content{min-width:0;padding:32px 40px;max-width:920px}@media (max-width: 720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.content{padding:20px 16px}}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--fg-mute);padding:4px 8px;border-radius:5px;font-size:12px;cursor:pointer;font-family:var(--font)}.theme-toggle:hover{color:var(--fg);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-family:var(--font);border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg);cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--fg-mute);text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-ghost{background:transparent;border-color:transparent;color:var(--fg-mute)}.btn-ghost:hover{color:var(--fg)}input[type=email],input[type=password],input[type=text],textarea{width:100%;padding:8px 11px;font-size:14px;font-family:var(--font);background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;outline:none}input:focus,textarea:focus{border-color:var(--border-strong)}label{display:block;margin:14px 0 4px;font-size:13px;color:var(--fg-mute)}.muted{color:var(--fg-mute)}.faint{color:var(--fg-faint)}.mono{font-family:var(--mono);font-size:13px}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.landing-cell{padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev)}.landing-cell h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);margin-bottom:8px;font-weight:600}.landing-cell p{font-size:14px;margin:0}@media (max-width: 600px){.landing-grid{grid-template-columns:1fr}}