:root,[data-theme=light]{--color-background: #f7f6f2;--color-sidebar: #f1efe8;--color-card: #ffffff;--color-text: #1f2328;--color-text-muted: #4b5159;--color-border: #d9d7d0;--color-input-border: #bdbab0;--color-accent: #0f766e;--color-accent-text: #ffffff;--color-on: #0f766e;--color-off: #8a3b12;--color-error: #b42318;--color-focus: #0b5a54;--radius: 12px;--radius-small: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size: 14px;--font-size-small: 12px;--control-height: 44px;--sidebar-width: 220px;color-scheme:light}[data-theme=dark]{--color-background: #16181b;--color-sidebar: #1b1e22;--color-card: #23272d;--color-text: #e7e5de;--color-text-muted: #b4b2aa;--color-border: #3a3f46;--color-input-border: #545a62;--color-accent: #4fd1c5;--color-accent-text: #0b1f1d;--color-on: #4fd1c5;--color-off: #f4a261;--color-error: #ffb4ab;--color-focus: #8ae6dc;color-scheme:dark}@media(prefers-color-scheme:dark){[data-theme=system]{--color-background: #16181b;--color-sidebar: #1b1e22;--color-card: #23272d;--color-text: #e7e5de;--color-text-muted: #b4b2aa;--color-border: #3a3f46;--color-input-border: #545a62;--color-accent: #4fd1c5;--color-accent-text: #0b1f1d;--color-on: #4fd1c5;--color-off: #f4a261;--color-error: #ffb4ab;--color-focus: #8ae6dc;color-scheme:dark}}[data-theme=high-contrast]{--color-background: #000000;--color-sidebar: #000000;--color-card: #000000;--color-text: #ffffff;--color-text-muted: #ffffff;--color-border: #ffffff;--color-input-border: #ffffff;--color-accent: #ffff00;--color-accent-text: #000000;--color-on: #ffff00;--color-off: #ffffff;--color-error: #ff8080;--color-focus: #00ffff;color-scheme:dark}[data-theme=warm]{--color-background: #fbf3e6;--color-sidebar: #f4e6cf;--color-card: #fffaf2;--color-text: #2b2118;--color-text-muted: #5c4a3a;--color-border: #e2cfb2;--color-input-border: #c9b08c;--color-accent: #9a3412;--color-accent-text: #ffffff;--color-on: #2f6b3a;--color-off: #9a3412;--color-error: #a11a1a;--color-focus: #7c2d12}[data-theme=color-blind]{--color-background: #f7f7f9;--color-sidebar: #eceef3;--color-card: #ffffff;--color-text: #1b1f27;--color-text-muted: #474e5c;--color-border: #d3d7df;--color-input-border: #aab1bd;--color-accent: #0b5cad;--color-accent-text: #ffffff;--color-on: #0b5cad;--color-off: #a34d00;--color-error: #a34d00;--color-focus: #083f78}@media(prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) *{transition:none!important;animation:none!important}}[data-reduced-motion=true] *{transition:none!important;animation:none!important}[data-density=compact]{--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-6: 16px;--control-height: 36px}.avatar{flex:none;border-radius:50%;vertical-align:middle}.person{display:inline-flex;align-items:center;gap:var(--space-2)}.icon-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.icon-grid button{min-height:44px;min-width:44px;padding:4px;font-size:22px}.icon-grid button[aria-pressed=true],.swatch[aria-pressed=true]{outline:3px solid var(--color-focus)}.swatch{width:44px;min-height:44px;border:none}.banner{max-width:880px;margin-block-end:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-card)}.steps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.steps li[aria-current=step]{font-weight:700;text-decoration:underline}code.secret{display:block;padding:var(--space-2);overflow-wrap:anywhere;background:var(--color-background)}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font);font-size:var(--font-size);line-height:1.4}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1{margin-block:0 var(--space-4);font-size:24px}h2{margin-block:0 var(--space-3);font-size:17px}.loading{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;flex:none;box-sizing:border-box;width:var(--sidebar-width);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-sidebar);border-inline-end:1px solid var(--color-border)}.brand{padding-block-end:var(--space-4);font-size:18px}.nav-item{display:block;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-small);color:var(--color-text);text-decoration:none}.nav-item[aria-current=page]{background:var(--color-card);border-color:var(--color-border);font-weight:600}.sidebar-foot{margin-block-start:auto;padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.content{flex:1;min-width:0;padding:var(--space-6) var(--space-8)}.login-page{display:grid;place-items:center;min-height:100vh;padding:var(--space-4);box-sizing:border-box}.muted{color:var(--color-text-muted)}.small{font-size:var(--font-size-small)}.card{box-sizing:border-box;max-width:380px;margin-block-end:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius)}.card.wide{max-width:880px}.login{width:100%;display:grid;gap:var(--space-3)}.login form{display:grid;gap:var(--space-3)}.field{display:grid;gap:var(--space-1)}.field.inline{display:inline-flex;align-items:center;gap:var(--space-2)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-2)}input,select{box-sizing:border-box;min-height:var(--control-height);padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-small);background:var(--color-card);color:var(--color-text);font:inherit}.small select{min-height:36px}button,.button{display:inline-block;min-height:var(--control-height);box-sizing:border-box;padding:10px var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-small);background:var(--color-card);color:var(--color-accent);font:inherit;text-align:center;text-decoration:none;cursor:pointer}button.primary,.button.primary{background:var(--color-accent);color:var(--color-accent-text)}.button.primary{display:block}.divider{text-align:center}.error{color:var(--color-error);font-weight:600}.status.on{color:var(--color-on);font-weight:600}.status.off{color:var(--color-off);font-weight:600}.table{border-collapse:collapse;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius)}.table th,.table td{padding:var(--space-2) var(--space-4);text-align:start;border-block-end:1px solid var(--color-border)}.table.full{width:100%;margin-block-end:var(--space-4)}.table td{vertical-align:top}.level.error{color:var(--color-error)}.level.warning{color:var(--color-off)}.plain{margin:0;padding:0;list-style:none}.features li{padding-block:var(--space-2);border-block-start:1px solid var(--color-border)}details summary{cursor:pointer}.preview{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--color-background)}@media(max-width:720px){.layout{flex-direction:column}.sidebar{position:static;height:auto;width:auto;border-inline-end:none;border-block-end:1px solid var(--color-border)}.content{padding:var(--space-4)}}.plain-fieldset{margin:var(--space-3) 0;padding:0;border:none}.plain-fieldset legend{margin-block-end:var(--space-2);font-weight:600}.profile-head{gap:var(--space-4);margin-block-end:var(--space-4)}.profile-head h1{margin:0}.sidebar-foot .person{color:var(--color-text);text-decoration:none}.hint{position:relative;display:inline-block;vertical-align:middle}.hint-button{display:inline-grid;place-items:center;width:24px;min-height:24px;height:24px;padding:0;border-radius:50%;font-size:13px;font-weight:700;line-height:1}.hint-button:before{content:"i";font-style:italic;font-family:Georgia,serif}.hint-button.new:after{content:"";position:absolute;top:-2px;inset-inline-end:-2px;width:9px;height:9px;border-radius:50%;background:var(--color-off)}.hint-panel{position:absolute;z-index:20;top:30px;inset-inline-start:0;display:flex;flex-direction:column;gap:var(--space-2);width:min(340px,80vw);padding:var(--space-3) var(--space-4);background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-small);box-shadow:0 6px 24px #0000002e;font-size:var(--font-size);font-weight:400;text-align:start}.hint-panel .row button{min-height:32px;padding:4px 10px}.badge{align-self:flex-start;padding:1px 8px;border-radius:999px;background:var(--color-off);color:var(--color-card);font-size:var(--font-size-small)}.field-help{display:block}.help-entry{padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.help-entry p{margin-block:var(--space-2)}.help-children{padding-inline-start:var(--space-6)}.tutor-panel{position:fixed;z-index:30;inset-inline-end:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);width:min(380px,calc(100vw - 32px));padding:var(--space-4);background:var(--color-card);border:2px solid var(--color-accent);border-radius:var(--radius);box-shadow:0 8px 32px #00000038}.tutor-panel p{margin:0}.tutor-target{outline:3px solid var(--color-focus)!important;outline-offset:4px;box-shadow:0 0 0 8px #00000014}.feedback{position:fixed;z-index:25;bottom:var(--space-4);inset-inline-start:calc(var(--sidebar-width) + var(--space-4))}.feedback-panel{position:absolute;bottom:52px;inset-inline-start:0;display:flex;flex-direction:column;gap:var(--space-2);width:min(340px,80vw);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 6px 24px #0000002e}textarea{box-sizing:border-box;padding:var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-small);background:var(--color-card);color:var(--color-text);font:inherit}@media(max-width:720px){.feedback{inset-inline-start:var(--space-4)}}.secret{display:block;padding:var(--space-2);word-break:break-all;-webkit-user-select:all;user-select:all}