:root,[data-theme=dark]{--bg: #0b0c0f;--surface: #14161a;--elevated: #1c1f25;--border: #2a2e36;--border-strong: #5b6270;--text: #f5f6f8;--text-secondary: #9aa0ab;--accent: #4c86ff;--accent-hover: #6a9bff;--on-accent: #0b0c0f;--accent-subtle: #14233f;--success: #30c48d;--warning: #f5a524;--danger: #ff6b6b;--shadow-card: none}[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--elevated: #ffffff;--border: #e3e5ea;--border-strong: #8a919e;--text: #111318;--text-secondary: #5f6672;--accent: #1f5fe0;--accent-hover: #174cc0;--on-accent: #ffffff;--accent-subtle: #e3ecff;--success: #0e7a56;--warning: #8a5a00;--danger: #c8312f;--shadow-card: 0 1px 2px rgba(17, 19, 24, .06), 0 8px 24px rgba(17, 19, 24, .06)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/24px var(--font-sans);-webkit-font-smoothing:antialiased}main{max-width:960px;margin:0 auto;padding:var(--space-12)}main.narrow{max-width:400px}@media(max-width:640px){main{padding:var(--space-6) var(--space-4)}}h1{font-size:34px;line-height:40px;font-weight:600;letter-spacing:-.025em;margin:0}h2{font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-4)}p{margin:0}.secondary{color:var(--text-secondary)}.small{font-size:14px;line-height:20px}.caption{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}.mono{font:400 13px/20px var(--font-mono)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spread{justify-content:space-between}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}section{margin-bottom:var(--space-8)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}button,.button{font:600 16px/24px var(--font-sans);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;display:inline-block}button.primary,.button.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}button.secondary,.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover:not(:disabled),.button.secondary:hover{background:var(--elevated);color:var(--text)}button.link{background:none;border:none;padding:0;font-weight:400;color:var(--text-secondary)}button.link:hover{color:var(--text)}button:disabled{opacity:.5;cursor:default}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>span{font-size:14px;line-height:20px;color:var(--text-secondary)}input,select{font:400 16px/24px var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}input[type=file]{border-style:dashed;padding:var(--space-4);cursor:pointer}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.toggle button{border:none;border-radius:0;background:var(--surface);color:var(--text-secondary);font-weight:400;font-size:14px;line-height:20px;padding:var(--space-1) var(--space-3)}.toggle button.selected{background:var(--accent-subtle);color:var(--text);font-weight:600}.list{display:flex;flex-direction:column;gap:var(--space-2)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);color:var(--text)}a.list-row:hover{background:var(--elevated);color:var(--text)}table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}th{text-align:left;font-weight:500;color:var(--text-secondary);padding:var(--space-2) var(--space-3) var(--space-2) 0}td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-top:1px solid var(--border)}.badge{display:inline-block;border-radius:var(--radius-pill);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.01em;padding:2px var(--space-2);background:var(--surface);border:1px solid var(--border);white-space:nowrap}.success{color:var(--success)}.warning{color:var(--warning)}.danger{color:var(--danger)}.progress{height:6px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .3s}video{width:100%;border-radius:var(--radius-lg);background:#000}