:root{color-scheme:light dark;--bg:#f7f6f3;--card:#ffffff;--ink:#1d1b16;--muted:#5f5b52;--line:#e4e1d9;--accent:#9a5210;--on-accent:#ffffff;--ok:#256c43;--bad:#a82f28;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--radius:14px;--shadow:0 1px 2px rgba(29,27,22,.06),0 4px 16px rgba(29,27,22,.06);--focus:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}@media (prefers-color-scheme:dark){:root{--bg:#141311;--card:#1e1c19;--ink:#f1eee8;--muted:#aaa497;--line:#37332d;--accent:#e0913f;--on-accent:#141311;--ok:#5cc189;--bad:#ec7f75;--shadow:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:1200px;margin:0 auto;padding:var(--s5) var(--s4) var(--s7)}h1{font-size:32px;line-height:1.2;margin:0 0 var(--s2);letter-spacing:-.01em}h1,h2{font-weight:600}h2{font-size:24px;line-height:1.25;margin:var(--s5) 0 var(--s3)}h3{font-size:20px;line-height:1.3;font-weight:600;margin:var(--s4) 0 var(--s2)}p{margin:0 0 var(--s3)}b,strong{font-weight:600}a{color:var(--accent)}header{gap:var(--s3);justify-content:space-between;margin-bottom:var(--s5)}.row,header{display:flex;align-items:center;flex-wrap:wrap}.row{gap:var(--s2)}button,input,select,textarea{font:inherit;padding:var(--s3) var(--s4);border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:48px}input,select,textarea{max-width:100%}input[placeholder]:not([type=checkbox]){min-width:12rem}input[type=checkbox],input[type=radio]{min-height:24px;width:24px;height:24px;padding:0;accent-color:var(--accent)}button{cursor:pointer;font-weight:600;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.danger{color:var(--bad)}button:disabled{opacity:.55;cursor:default;box-shadow:none}:is(button,input,select,textarea,a):focus-visible{outline:none;box-shadow:var(--focus);border-color:var(--accent)}.cols{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.col{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);min-height:120px;box-shadow:var(--shadow)}.col h2{font-size:15px;margin:0 0 var(--s3);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.order{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);margin-bottom:var(--s3);box-shadow:var(--shadow)}.order b{font-size:20px}.muted{color:var(--muted);font-size:15px}.err{color:var(--bad)}.err,.ok{font-weight:600}.ok{color:var(--ok)}.intro{color:var(--muted);font-size:17px;margin:0 0 var(--s5);max-width:62ch}.sub{font-size:20px;margin:var(--s4) 0 var(--s1)}.login{max-width:380px;margin:12vh auto;display:grid;grid-gap:var(--s3);gap:var(--s3);padding:var(--s5);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.editor-grid{display:grid;grid-gap:var(--s5);gap:var(--s5);grid-template-columns:minmax(0,1fr) 380px;align-items:start}.editor-grid .preview{position:-webkit-sticky;position:sticky;top:var(--s3)}@media (max-width:960px){.editor-grid{grid-template-columns:1fr}.editor-grid .preview{position:static}}.nav{max-width:1200px;margin:0 auto;padding:var(--s3) var(--s4) 0;display:flex;gap:var(--s2);flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 var(--s4);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600;border:1px solid transparent}.nav a:hover{background:var(--card);border-color:var(--line)}.nav a[aria-current=page]{background:var(--accent);color:var(--on-accent)}.savestate{font-size:15px;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}