:root{--bg:#f3f4f6;--card:#fff;--text:#111827;--muted:#6b7280;--border:#d1d5db;--accent:#c2410c;--accent-text:#fff;--error:#b91c1c;--focus:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111827;--card:#1f2937;--text:#f9fafb;--muted:#9ca3af;--border:#374151;--accent:#fb923c;--accent-text:#111827;--error:#f87171;--focus:#60a5fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;font-size:.9375rem;line-height:1.5}.login{background:var(--card);border-radius:.75rem;width:min(26rem,100% - 2rem);margin:3rem auto;padding:1.75rem;box-shadow:0 6px 24px #00000014}h2{margin:0 0 1rem;font-size:1.25rem}form,section{flex-direction:column;gap:.875rem;display:flex}label{flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}label .muted{font-weight:400}input{border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;border-radius:.5rem;padding:.6rem .75rem;font-weight:400}label.check{flex-direction:row;align-items:flex-start;gap:.5rem;font-weight:400}label.check input{margin-top:.2rem}button[type=submit]{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.7rem 1rem;font-weight:600}button[type=submit]:disabled{opacity:.55;cursor:not-allowed}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}a{color:var(--accent)}.muted{color:var(--muted);margin:0}.error{color:var(--error);margin:1rem 0 0}.demos{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.demos a{border:1px solid var(--border);color:var(--text);border-left-width:4px;border-radius:.5rem;padding:.875rem 1rem;font-weight:600;text-decoration:none;display:block}.demos a:hover{background:var(--bg)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}