:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fff;--color-surface:#f4f6f8;--color-surface-raised:#fff;--color-text:#14181d;--color-text-muted:#4a5560;--color-border:#c9d1d9;--color-border-strong:#808c98;--color-accent:#0b5cad;--color-accent-hover:#084a8c;--color-on-accent:#fff;--color-focus:#0b5cad;--color-danger:#a3231f;--color-success:#1c6b3f;--color-mark-bg:#ffdf6b;--color-mark-text:#14181d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius:8px;--radius-sm:4px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, monospace;--measure:68ch;--shadow:0 1px 2px #0000000f, 0 4px 12px #0000000f;--focus-width:3px;--focus-offset:2px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0f1419;--color-surface:#1a2027;--color-surface-raised:#202832;--color-text:#e8edf2;--color-text-muted:#a3b0bd;--color-border:#333d47;--color-border-strong:#687582;--color-accent:#7cc4ff;--color-accent-hover:#a5d8ff;--color-on-accent:#0f1419;--color-focus:#7cc4ff;--color-danger:#ff9a94;--color-success:#79d3a1;--color-mark-bg:#8a6a00;--color-mark-text:#fff;--shadow:0 1px 2px #0006, 0 4px 12px #0000004d}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}h1,h2,h3{margin:0 0 var(--space-3);text-wrap:balance;line-height:1.25}h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem)}h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem)}h3{font-size:1.1rem}p{margin:0 0 var(--space-4);max-width:var(--measure)}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{color:var(--color-accent-hover)}:focus{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}main:focus:not(:focus-visible){outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:0;left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:0 0 var(--radius) var(--radius);font-weight:600;position:absolute;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}.site-header{gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.site-brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.site-brand__mark{color:var(--color-accent);font-size:1.4em;line-height:1}.site-nav__list{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-weight:500;text-decoration:none;display:block}.site-nav__link:hover{background:var(--color-surface-raised);text-decoration:underline}.site-nav__link[aria-current=page]{background:var(--color-accent);color:var(--color-on-accent)}main{width:100%;max-width:62rem;padding:var(--space-6) var(--space-5) var(--space-7);flex:1;margin:0 auto}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-5);color:var(--color-text-muted);font-size:.9rem}.site-footer p{max-width:var(--measure);margin:0 auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.site-nav__link[aria-current=page]{forced-color-adjust:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit;cursor:pointer;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.field{margin-bottom:var(--space-4)}.field>label{margin-bottom:var(--space-2);font-weight:600;display:block}.field__hint{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.875rem}textarea,select,input[type=text]{width:100%;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit}textarea{resize:vertical;min-height:12rem;line-height:1.7}input[type=range]{width:100%;min-height:44px;accent-color:var(--color-accent)}input[type=file]{max-width:100%;color:var(--color-text);font:inherit}input[type=file]::file-selector-button{min-height:44px;margin-right:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit;cursor:pointer}input[type=file]::file-selector-button:hover{background:var(--color-surface)}input[type=color]{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-raised);cursor:pointer;flex:0 0 4rem;width:4rem;min-height:44px;padding:2px}.color-row{gap:var(--space-3);align-items:center;display:flex}.color-row input[type=text]{flex:auto;min-width:0}.field>label.field__hint{margin-bottom:0;font-weight:400}.checkbox{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;font-weight:500;display:flex}.checkbox input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.slider__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.slider__value{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.9rem}.settings-grid{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}fieldset{margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}legend{padding:0 var(--space-2);font-weight:700}.tool-header{margin-bottom:var(--space-5)}.tool-header p{color:var(--color-text-muted);margin-bottom:0;font-size:1.05rem}.tool-status{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-weight:500}.tool-status:empty{border:0;height:0;margin:0;padding:0;overflow:hidden}.tool-status[data-tone=error]{border-left-color:var(--color-danger);color:var(--color-danger)}.tool-status[data-tone=active]{border-left-color:var(--color-success)}.keyboard-help{margin-top:var(--space-6)}.keyboard-help summary{cursor:pointer;padding:var(--space-2);align-items:center;min-height:44px;font-weight:600;display:flex}.keyboard-help dl{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;display:grid}.keyboard-help dt{font-family:var(--font-mono);font-weight:600}.keyboard-help dd{color:var(--color-text-muted);margin:0}.reader{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);white-space:pre-wrap;overflow-wrap:break-word;max-height:20rem;font-size:1.05rem;line-height:1.9;overflow-y:auto}.reader mark{background:var(--color-mark-bg);color:var(--color-mark-text);border-radius:3px;padding:.1em}.card-grid{gap:var(--space-4);margin:0 0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));padding:0;list-style:none;display:grid}.card{height:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);box-shadow:var(--shadow);flex-direction:column;display:flex}.card h3{margin-bottom:var(--space-2)}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{color:var(--color-text-muted);margin:0;font-size:.95rem}.card--planned{opacity:.85;border-style:dashed}.badge{margin-top:var(--space-3);padding:2px var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);border-radius:999px;align-self:flex-start;font-size:.75rem;font-weight:700}.update-bar{inset-inline:0;z-index:200;background:var(--color-surface-raised);border-top:2px solid var(--color-border-strong);box-shadow:var(--shadow);padding:var(--space-4);position:fixed;bottom:0}body.has-update-bar{padding-bottom:11rem}.update-bar__inner{max-width:var(--measure);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.update-bar__text{margin:0;font-weight:500}@media (width>=40rem){body.has-update-bar{padding-bottom:6rem}}