:root{--text:#64748b;--text-h:#1e293b;--bg:#fff;--border:#e2e8f0;--code-bg:#f8fafc;--accent:#6366f1;--accent-bg:#6366f114;--accent-border:#6366f14d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow:0 4px 6px #00000012, 0 2px 4px #0000000a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/150% var(--sans);letter-spacing:.1px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9}*{box-sizing:border-box}body{background:#f1f5f9;margin:0}#root{text-align:left;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.3px;margin:0 0 20px;font-size:26px}h2{letter-spacing:-.1px;margin:0 0 12px;font-size:20px;line-height:120%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:17px;line-height:135%}.nav-item{color:#94a3b8;border-left:3px solid #0000;border-radius:0 6px 6px 0;margin:1px 8px 1px 0;padding:8px 12px 8px 16px;font-size:.875rem;font-weight:400;line-height:1.3;text-decoration:none;transition:background .12s,color .12s;display:block}.nav-item:hover{color:#cbd5e1;background:#ffffff12}.nav-item--active{border-left-color:#6366f1;font-weight:600;color:#f8fafc!important;background:#6366f12e!important}button{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:500;line-height:1.4;transition:background .12s,border-color .12s,box-shadow .12s}button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}button:active{background:#f1f5f9}input[type=month],input[type=text],input[type=number],input[type=search],input[type=email],select,textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:.85rem;line-height:1.4;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}table{border-collapse:collapse;width:100%;font-size:.875rem}th{color:#475569;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}