:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#f1efea;--text:#1d1b16;--muted:#6b665c;--border:#e3dfd6;--brand:#f1a81d;--brand-ink:#1d1b16;--brand-strong:#b97c00;--focus:#2563eb;--ok:#15803d;--ok-bg:#e8f5ec;--todo:#1d4ed8;--todo-bg:#e8eefc;--warn:#a15c00;--warn-bg:#fdf1dc;--danger:#b42318;--danger-bg:#fdecea;--neutral:#6b665c;--neutral-bg:#efece6;--radius:12px;--shadow:0 1px 2px #1d1b160f, 0 4px 16px #1d1b160d;--font:system-ui, -apple-system, "Segoe UI", Roboto, Arimo, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141310;--surface:#1d1c18;--surface-2:#262420;--text:#f2efe8;--muted:#a8a294;--border:#34312b;--brand-strong:#f5bb4a;--focus:#7aa2ff;--ok:#5fd08a;--ok-bg:#16301f;--todo:#8fb0ff;--todo-bg:#1a2440;--warn:#f5bb4a;--warn-bg:#362811;--danger:#ff8a7f;--danger-bg:#3a1714;--neutral:#a8a294;--neutral-bg:#2a2823;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.icon{vertical-align:-.125em;flex:none;width:1em;height:1em}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner,.container{max-width:1080px;margin:0 auto;padding:0 20px}.topbar-inner{align-items:center;gap:16px;min-height:64px;display:flex}.brand{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.app-icon{border-radius:8px;flex:none;width:32px;height:32px;display:block}.brand-name{letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-size:17px;font-weight:700;line-height:1}.footer{border-top:1px solid var(--border);color:var(--muted);padding:20px 0 28px;font-size:13px}.footer-inner{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.footer img{width:auto;height:18px}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a,.nav button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;text-decoration:none;display:inline-flex}.nav a:hover,.nav button:hover{background:var(--surface-2);color:var(--text)}.nav .who{color:var(--muted);padding:0 8px;font-size:14px}main.container{padding-top:32px;padding-bottom:64px}h1{letter-spacing:-.01em;margin:0 0 6px;font-size:28px;line-height:1.2}h2{margin:0;font-size:19px}.lead{color:var(--muted);margin:0 0 28px}.muted{color:var(--muted)}.small{font-size:14px}.nowrap{white-space:nowrap}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:32px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:16px}.stat-value{font-size:28px;font-weight:700;line-height:1.1}.stat-label{color:var(--muted);margin-top:4px;font-size:14px}.theme{margin-bottom:28px}.theme-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.theme-desc{color:var(--muted);margin:0 0 12px;font-size:15px}.cards{gap:10px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:16px;min-width:0;padding:16px 18px;text-decoration:none;display:flex}a.card:hover{border-color:var(--brand)}.card-icon{background:var(--surface-2);width:40px;height:40px;color:var(--brand-strong);border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.card-body{flex:1;min-width:0}.card-title{font-weight:600}.card-meta{color:var(--muted);font-size:14px}.card-side{text-align:right;flex:none;margin-left:auto}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.badge-ok{color:var(--ok);background:var(--ok-bg)}.badge-todo{color:var(--todo);background:var(--todo-bg)}.badge-warn{color:var(--warn);background:var(--warn-bg)}.badge-danger{color:var(--danger);background:var(--danger-bg)}.badge-neutral{color:var(--neutral);background:var(--neutral-bg)}.tag{text-transform:uppercase;letter-spacing:.04em;color:var(--brand-strong);font-size:12px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:24px}.panel-title{align-items:center;gap:10px;margin:0 0 12px;font-size:18px;display:flex}.back{color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;text-decoration:none;display:inline-flex}.prose{max-width:72ch}.prose h1,.prose h2,.prose h3{margin:1.4em 0 .4em;line-height:1.3}.prose h1{font-size:22px}.prose h2{font-size:19px}.prose h3{font-size:16px}.prose>:first-child{margin-top:0}.prose li{margin:.3em 0}.prose code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.92em}.prose a{color:var(--brand-strong)}.question{border:0;margin:0 0 22px;padding:0}.question legend{margin-bottom:8px;padding:0;font-weight:600}.question .hint{color:var(--muted);font-size:14px;font-weight:400}.option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.option:hover{background:var(--surface-2)}.option input{accent-color:var(--brand-strong);margin-top:4px}.confirm{background:var(--surface-2);border-radius:8px;align-items:flex-start;gap:10px;margin:8px 0 20px;padding:14px;display:flex}.confirm input{accent-color:var(--brand-strong);margin-top:5px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2)}.btn-small{padding:6px 12px;font-size:14px}.alert{border-radius:var(--radius);align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.alert .icon{margin-top:4px}.alert-ok{background:var(--ok-bg);color:var(--ok)}.alert-danger{background:var(--danger-bg);color:var(--danger)}.alert-warn{background:var(--warn-bg);color:var(--warn)}.alert p{color:var(--text);margin:0}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}tr:last-child td{border-bottom:0}th{color:var(--muted);background:var(--surface-2);white-space:nowrap;font-weight:600}th.col-cert{white-space:normal;min-width:120px}.row-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.field{gap:4px;font-size:14px;display:grid}.field input,.field select{font:inherit;border:1px solid var(--border);background:var(--surface);height:42px;color:var(--text);border-radius:8px;min-width:0;padding:9px 11px}.field input[type=email]{width:280px;max-width:100%}.checks{gap:6px;display:grid}.check{align-items:center;gap:10px;display:flex}.check input{accent-color:var(--brand-strong)}.section-title{align-items:center;gap:10px;margin:32px 0 12px;display:flex}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:36px 32px}.login-icon{border-radius:18px;width:72px;height:72px;margin:0 auto 16px;display:block}.login-footer{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.login-footer img{width:auto;height:20px}.login-card h1{font-size:22px}.login-card .btn{justify-content:center;width:100%;margin-top:8px}.login-card .alert{text-align:left}.dev-login{border-top:1px dashed var(--border);text-align:left;margin-top:24px;padding-top:20px}img.logo-dark{display:none}@media (prefers-color-scheme:dark){img.logo-light{display:none}img.logo-dark{display:inline-block}}@media (max-width:720px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.nav .who{display:none}.brand-name{font-size:15px}.card{flex-wrap:wrap;align-items:flex-start}.card-body{flex:calc(100% - 56px)}.card-side{text-align:left;margin-left:56px}.nav-label{display:none}.panel{padding:18px}}.quiz-bar{gap:6px;margin:8px 0 20px;display:grid}.progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.progress span{background:var(--brand);height:100%;display:block}.quiz-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-actions .btn-primary{margin-left:auto}.summary-list{gap:10px;margin:0 0 20px;padding-left:22px;display:grid}.linklike{font:inherit;color:inherit;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);cursor:pointer;background:0 0;border:0;padding:0}.rules{margin:0 0 8px;padding-left:20px}.sticky{z-index:5;box-shadow:var(--shadow);position:sticky;top:8px}.sticky .btn{margin-left:8px}textarea{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}textarea.code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.field.wide,.field.wide input{width:100%}.steps{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.step{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.step.done{color:var(--ok);background:var(--ok-bg);border-color:#0000}.step.current{color:var(--brand-ink);background:var(--brand);border-color:#0000;font-weight:600}.q-edit{border:1px solid var(--border);border-radius:10px;gap:8px;margin-bottom:12px;padding:14px;display:grid}.q-edit .opt{align-items:center;gap:8px;display:flex}.q-edit .opt input[type=text]{min-width:0;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;flex:1;padding:7px 10px;font-size:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;display:grid}details.preview summary{cursor:pointer;color:var(--muted);margin:8px 0}.source-choice{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:14px;display:grid}.choice{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.choice input{accent-color:var(--brand-strong);margin-top:4px}.choice:has(input:checked){border-color:var(--brand);background:var(--warn-bg)}:is(.source-form:has(input[value=github]:checked) .src-text,.source-form:has(input[value=text]:checked) .src-github){display:none}@media (max-width:460px){.brand-name{display:none}}.dev-login .row-form{gap:10px;display:grid}.dev-login .field input[type=email]{width:100%}td.col-wide{min-width:200px}.roles-field{border:0;flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:0;display:flex}.roles-field legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:14px}.editor-themes{margin:16px 0}.history{gap:6px;margin:0;padding:0;list-style:none;display:grid}.history details{border:1px solid var(--border);border-radius:8px;padding:8px 12px}.history summary{cursor:pointer;font-size:14px}.snapshot-diff{gap:8px;margin-top:10px;font-size:14px;display:grid}.snapshot-diff p{margin:0}pre.diff{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border-radius:8px;max-height:420px;margin:6px 0 0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;overflow:auto}.diff-add{background:var(--ok-bg);color:var(--ok)}.diff-del{background:var(--danger-bg);color:var(--danger);text-decoration:line-through;text-decoration-thickness:1px}pre.diff .diff-del{text-decoration:none}.diff-same{color:var(--muted)}li.correct{color:var(--ok);font-weight:600}
