:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f5f5f7;--surface-3: #e8e8ed;--border: #e8e8ed;--border-strong: #d2d2d7;--text: #1d1d1f;--text-muted: #6e6e73;--text-dim: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: #eaf2fd;--accent-text: #0066cc;--ok: #248a3d;--ok-soft: #e9f6ed;--warning: #b25f00;--warning-soft: #fdf1e3;--urgent: #d70015;--urgent-soft: #fdebec;--material: rgba(255, 255, 255, .72);--material-border: rgba(0, 0, 0, .08);--blur: saturate(180%) blur(20px);--popover: rgba(255, 255, 255, .85);--popover-border: rgba(0, 0, 0, .09);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 25px 70px rgba(0, 0, 0, .22);--ring: 0 0 0 4px rgba(0, 125, 250, .25);--radius-lg: 18px;--radius: 12px;--radius-sm: 9px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sidebar-w: 232px;--topbar-h: 52px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--fs-base: 14px;color-scheme:light}:root[data-theme=dark]{--bg: #161617;--surface: #1d1d1f;--surface-2: #28282a;--surface-3: #333336;--border: #38383a;--border-strong: #48484a;--text: #f5f5f7;--text-muted: #a1a1a6;--text-dim: #7c7c81;--accent: #0a84ff;--accent-hover: #2492ff;--accent-soft: rgba(10, 132, 255, .18);--accent-text: #6cb2ff;--ok: #30d158;--ok-soft: rgba(48, 209, 88, .16);--warning: #ff9f0a;--warning-soft: rgba(255, 159, 10, .16);--urgent: #ff453a;--urgent-soft: rgba(255, 69, 58, .16);--material: rgba(29, 29, 31, .72);--material-border: rgba(255, 255, 255, .1);--popover: rgba(44, 44, 48, .88);--popover-border: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 25px 70px rgba(0, 0, 0, .65);--ring: 0 0 0 4px rgba(10, 132, 255, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-text);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text)}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.022em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:0;background:var(--surface-3);color:var(--text);border-radius:980px;padding:7px 16px;font-weight:500;transition:background .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{background:var(--border-strong)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--surface-3)}.btn-danger{background:var(--urgent-soft);color:var(--urgent)}.btn-danger:hover{background:var(--urgent);color:#fff}.btn-sm{padding:4px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.input{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:7px 11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:var(--ring)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;padding:6px 9px;border:0;background:transparent;border-radius:7px;color:var(--text);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.menu-item:hover{background:var(--accent);color:#fff}.menu-item:focus-visible{outline:none;background:var(--accent);color:#fff}.menu-item.danger{color:var(--urgent)}.menu-item.danger:hover{background:var(--urgent);color:#fff}.menu-sep{height:1px;background:var(--border);margin:var(--sp-1) 2px}.menu-label{padding:5px 9px 3px;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.prose{max-width:760px;font-size:14px;line-height:1.65;color:var(--text)}.prose h1{font-size:22px;margin:var(--sp-4) 0 var(--sp-2)}.prose h2{font-size:18px;margin:var(--sp-4) 0 var(--sp-2)}.prose h3{font-size:15px;margin:var(--sp-3) 0 var(--sp-1)}.prose p{margin:0 0 var(--sp-3)}.prose ul,.prose ol{margin:0 0 var(--sp-3);padding-left:1.4em}.prose li{margin:2px 0}.prose a{color:var(--accent-text);text-decoration:underline}.prose code{background:var(--surface-2);padding:1px 5px;border-radius:5px;font-size:.92em}.prose pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-3);overflow-x:auto}.prose pre code{background:none;padding:0}.prose blockquote{margin:0 0 var(--sp-3);padding-left:var(--sp-3);border-left:3px solid var(--border-strong);color:var(--text-muted)}.prose table{border-collapse:collapse;margin:0 0 var(--sp-3);width:100%}.prose th,.prose td{border:1px solid var(--border);padding:4px 8px;text-align:left}.prose hr{border:0;border-top:1px solid var(--border);margin:var(--sp-4) 0}.prose img{max-width:100%;border-radius:var(--radius-sm)}
