:root{--bg: #020617;--bg-glow: rgba(59, 130, 246, .16);--text: #e5e7eb;--text-strong: #e2e8f0;--text-soft: #cbd5e1;--muted: #94a3b8;--kicker: #93c5fd;--border: rgba(148, 163, 184, .15);--border-strong: rgba(148, 163, 184, .18);--sidebar-bg: rgba(15, 23, 42, .88);--panel-bg: rgba(15, 23, 42, .78);--link-bg: rgba(30, 41, 59, .66);--toggle-bg: rgba(30, 41, 59, .8);--accent: rgba(96, 165, 250, .8);--accent-bg: rgba(37, 99, 235, .18);--accent-hover: rgba(37, 99, 235, .3);--shadow: 0 10px 30px rgba(2, 6, 23, .24);--error: #fca5a5;--ct2-bg: #030712;--ct2-panel: #0a0e17;--ct2-panel2: #050914;--ct2-border: #1f2937;--ct2-border2: #334155;--ct2-text: #e5e7eb;--ct2-text-dim: #94a3b8;--ct2-grid: #1a2330;--ct2-cyan: #06b6d4;--ct2-cyan-soft: #7dd3fc;--ct2-amber: #fbbf24;--ct2-amber-soft: #fcd34d;--ct2-orange: #f97316;--ct2-red: #ef4444;--ct2-red-soft: #fca5a5;--ct2-green: #10b981;--ct2-green-soft: #6ee7b7;--ct2-blue: #3b82f6;--ct2-blue-soft: #93c5fd;--ct2-violet: #a78bfa;--ct2-violet-soft: #c4b5fd;--ct2-pink: #f472b6;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}:root[data-theme=earthy]{--bg: #f3e7cf;--bg-glow: rgba(124, 159, 51, .22);--text: #3e2c1c;--text-strong: #2c1f12;--text-soft: #5a4632;--muted: #8a6f4f;--kicker: #6f9226;--border: rgba(120, 85, 50, .22);--border-strong: rgba(120, 85, 50, .32);--sidebar-bg: rgba(238, 223, 193, .92);--panel-bg: rgba(245, 236, 216, .86);--link-bg: rgba(228, 211, 175, .7);--toggle-bg: rgba(225, 205, 165, .85);--accent: rgba(217, 119, 36, .85);--accent-bg: rgba(217, 119, 36, .16);--accent-hover: rgba(217, 119, 36, .28);--shadow: 0 10px 30px rgba(120, 85, 50, .18);--error: #b23a1f;--ct2-bg: #e8d9b8;--ct2-panel: #f7efdc;--ct2-panel2: #fdf8ed;--ct2-border: #cdb389;--ct2-border2: #b3956a;--ct2-text: #3a2a18;--ct2-text-dim: #7a6244;--ct2-grid: #d4c19a;--ct2-cyan: #0e7490;--ct2-cyan-soft: #0e7490;--ct2-amber: #b45309;--ct2-amber-soft: #b45309;--ct2-orange: #c2410c;--ct2-red: #b91c1c;--ct2-red-soft: #b91c1c;--ct2-green: #15803d;--ct2-green-soft: #15803d;--ct2-blue: #1d4ed8;--ct2-blue-soft: #1d4ed8;--ct2-violet: #6d28d9;--ct2-violet-soft: #6d28d9;--ct2-pink: #be185d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at top,var(--bg-glow),transparent 28%),var(--bg);transition:background .25s ease,color .25s ease}button,input,textarea,select{font:inherit}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.router-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s ease}.router-shell.sidebar-collapsed{grid-template-columns:48px minmax(0,1fr)}.router-sidebar{position:sticky;top:0;height:100vh;overflow:hidden;border-right:1px solid var(--border-strong);padding:24px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:20px}.sidebar-toggle{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;border:1px solid var(--border-strong);background:var(--toggle-bg);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;padding:0;flex-shrink:0;transition:background .15s ease,color .15s ease;z-index:10}.sidebar-toggle:hover{background:var(--accent-hover);color:var(--text-strong)}.sidebar-collapsed .router-sidebar>*:not(.sidebar-toggle){opacity:0;pointer-events:none}.sidebar-collapsed .sidebar-toggle{right:10px}.router-main{min-width:0;padding:24px;display:flex;flex-direction:column;gap:18px}.router-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--kicker)}.router-title,.router-page-heading,.router-panel h2{margin:0}.router-title{font-size:1.75rem}.router-muted{color:var(--muted)}.router-muted.small{font-size:.9rem}.theme-toggle{margin-top:14px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--link-bg);color:var(--text-strong);cursor:pointer;font-size:.85rem;font-weight:600;transition:border-color .15s ease,background .15s ease,transform .15s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-bg)}.router-panel,.router-page-card,.route-error{border:1px solid var(--border);background:var(--panel-bg);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.router-navlist{display:flex;flex-direction:column;gap:10px;margin-top:14px}.router-link{width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--link-bg);color:var(--text-strong);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;display:flex;flex-direction:column;gap:4px}.router-link:hover,.router-link.active{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-bg)}.router-link-title{font-weight:600}.router-link-path{color:var(--muted);font-size:.88rem}.router-main-header{display:flex;justify-content:space-between;align-items:center}.router-page-card{min-height:420px}.router-pre{margin:12px 0 0;white-space:pre-wrap;color:var(--text-soft)}.router-empty{display:grid;place-items:center;min-height:240px;color:var(--muted);text-align:center}.route-error-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;color:var(--error);font-size:.8rem}.route-error h2{margin-top:0}@media (max-width: 980px){.router-shell{grid-template-columns:1fr}.router-sidebar{position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--border-strong)}.sidebar-toggle{position:relative;top:auto;right:auto;left:auto;margin-bottom:12px}.router-main{padding:18px}}@media (max-width: 768px){.router-shell{grid-template-columns:1fr}.router-sidebar{position:static;width:100%;height:auto;overflow:visible;transform:none;transition:none;border-right:none;border-bottom:1px solid var(--border-strong);padding:18px}.router-main{padding:18px}.sidebar-toggle{display:none}.sidebar-collapsed .router-sidebar>*:not(.sidebar-toggle){opacity:1;pointer-events:auto}.router-page-card{padding:14px;border-radius:12px}.router-page-card [style*="display: grid"]{grid-template-columns:1fr!important;width:100%}.router-page-card [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width: 900px){.ct2-layout{grid-template-columns:1fr!important;min-height:0!important}.ct2-sidebar{position:static!important;height:auto!important;overflow-y:visible!important;border-right:none!important;border-bottom:1px solid #1f2937}.ct2-main{padding:28px 24px!important;max-width:100%!important;overflow-x:auto;word-break:break-word}}@media (max-width: 480px){.ct2-main{padding:20px 14px!important}}