.dialog{width:min(32rem,100vw - 1.5rem);max-height:min(44rem,100dvh - 1.5rem);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px -20px #00000059;color:var(--ink)}.dialog::backdrop{background:#14131173}.dialog[open]{animation:enter .16s ease-out}.dialog .panel{display:flex;flex-direction:column;max-height:inherit}.dialog .head,.dialog .foot{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.dialog .head{border-bottom:1px solid var(--line)}.dialog .head h2{margin:0;font-size:1.125rem;font-weight:700}.dialog .foot{justify-content:flex-end;border-top:1px solid var(--line)}.dialog .body{overflow-y:auto;padding:0 1.25rem}.dialog section{padding:1.25rem 0}.dialog section+section{border-top:1px solid var(--line)}.dialog h3{margin:0 0 .5rem;color:var(--ink-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.dialog .row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.35rem 0}.dialog label.row{cursor:pointer}.dialog .label{display:block;font-size:.9375rem;font-weight:500}.dialog .hint{display:block;margin:0;color:var(--ink-muted);font-size:.8125rem}.dialog .note{margin-top:.25rem}.dialog .error{min-height:1.2em;margin:.25rem 0 0;color:var(--danger);font-size:.8125rem}.dialog .icon-button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent}.dialog .icon-button:hover{background:var(--track)}.dialog .icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.dialog input[role=switch]{position:relative;flex:none;width:44px;height:26px;margin:0;border:1px solid var(--ink-muted);border-radius:999px;background:var(--track);cursor:pointer;appearance:none;transition:background-color .15s ease,border-color .15s ease}.dialog input[role=switch]:before{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #00000040;content:"";transition:transform .15s ease}.dialog input[role=switch]:checked{border-color:var(--ink);background:var(--ink)}.dialog input[role=switch]:checked:before{transform:translate(18px)}.dialog .row>.button{flex:none}@media(max-width:600px){.dialog .choice{flex-direction:column;align-items:stretch;gap:.5rem}.dialog .choice .segmented button{flex:1}}@keyframes enter{0%{opacity:0;transform:translateY(8px) scale(.98)}}:root,[data-board-theme=classic]{--paper: #f5f3ee;--surface: #ffffff;--line: #e2dfd7;--track: #e9e6df;--tile: #dedad1;--tile-hover: #d3cec3;--tile-edge: #bdb7aa;--tile-open: #fbfaf7;--board-bg: #ffffff;--board-line: #e2dfd7}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:root:not([data-theme=light]) [data-board-theme=classic]{--paper: #151513;--surface: #1f1e1b;--line: #2f2e2a;--track: #262522;--tile: #3a3934;--tile-hover: #45443e;--tile-edge: #2a2925;--tile-open: #1b1a18;--board-bg: #1f1e1b;--board-line: #2f2e2a}}:root[data-theme=dark],:root[data-theme=dark] [data-board-theme=classic]{--paper: #151513;--surface: #1f1e1b;--line: #2f2e2a;--track: #262522;--tile: #3a3934;--tile-hover: #45443e;--tile-edge: #2a2925;--tile-open: #1b1a18;--board-bg: #1f1e1b;--board-line: #2f2e2a}[data-board-theme=ocean]{--paper: #e8f0f6;--surface: #ffffff;--line: #cfdde8;--track: #d9e5ee;--tile: #c9dbe8;--tile-hover: #bacfdf;--tile-edge: #98b3c8;--tile-open: #f6fafd;--board-bg: #eef5fa;--board-line: #d3e2ec}@media(prefers-color-scheme:dark){:root[data-board-theme=ocean]:not([data-theme=light]),:root:not([data-theme=light]) [data-board-theme=ocean]{--paper: #0f151b;--surface: #19212a;--line: #24313d;--track: #1c2731;--tile: #2d4152;--tile-hover: #374d60;--tile-edge: #1f2e3b;--tile-open: #141c23;--board-bg: #18222b;--board-line: #263542}}:root[data-board-theme=ocean][data-theme=dark],:root[data-theme=dark] [data-board-theme=ocean]{--paper: #0f151b;--surface: #19212a;--line: #24313d;--track: #1c2731;--tile: #2d4152;--tile-hover: #374d60;--tile-edge: #1f2e3b;--tile-open: #141c23;--board-bg: #18222b;--board-line: #263542}[data-board-theme=forest]{--paper: #ecf2e7;--surface: #ffffff;--line: #d3dfca;--track: #dde7d5;--tile: #cfdcc6;--tile-hover: #c1d1b6;--tile-edge: #a1b593;--tile-open: #f8fbf5;--board-bg: #f1f6ec;--board-line: #d6e2cd}@media(prefers-color-scheme:dark){:root[data-board-theme=forest]:not([data-theme=light]),:root:not([data-theme=light]) [data-board-theme=forest]{--paper: #11160f;--surface: #1a2018;--line: #26311f;--track: #1d2619;--tile: #34442f;--tile-hover: #3e5038;--tile-edge: #243020;--tile-open: #151b13;--board-bg: #1a2218;--board-line: #29361f}}:root[data-board-theme=forest][data-theme=dark],:root[data-theme=dark] [data-board-theme=forest]{--paper: #11160f;--surface: #1a2018;--line: #26311f;--track: #1d2619;--tile: #34442f;--tile-hover: #3e5038;--tile-edge: #243020;--tile-open: #151b13;--board-bg: #1a2218;--board-line: #29361f}[data-board-theme=sunset]{--paper: #fbefe6;--surface: #ffffff;--line: #eed8c7;--track: #f3e0d1;--tile: #f0d3bd;--tile-hover: #e9c4a8;--tile-edge: #d4a07c;--tile-open: #fffaf6;--board-bg: #fff3ea;--board-line: #f0dccb}@media(prefers-color-scheme:dark){:root[data-board-theme=sunset]:not([data-theme=light]),:root:not([data-theme=light]) [data-board-theme=sunset]{--paper: #18110d;--surface: #231a15;--line: #352720;--track: #2a1e18;--tile: #4d3529;--tile-hover: #5a3f31;--tile-edge: #33231b;--tile-open: #1d1511;--board-bg: #241a15;--board-line: #3a2a21}}:root[data-board-theme=sunset][data-theme=dark],:root[data-theme=dark] [data-board-theme=sunset]{--paper: #18110d;--surface: #231a15;--line: #352720;--track: #2a1e18;--tile: #4d3529;--tile-hover: #5a3f31;--tile-edge: #33231b;--tile-open: #1d1511;--board-bg: #241a15;--board-line: #3a2a21}[data-board-theme=lavender]{--paper: #f1edf9;--surface: #ffffff;--line: #ddd4ee;--track: #e5def3;--tile: #dcd3ee;--tile-hover: #d0c5e7;--tile-edge: #b0a2d0;--tile-open: #fbf9fe;--board-bg: #f5f1fc;--board-line: #e1d9f1}@media(prefers-color-scheme:dark){:root[data-board-theme=lavender]:not([data-theme=light]),:root:not([data-theme=light]) [data-board-theme=lavender]{--paper: #131119;--surface: #1d1a26;--line: #2c273a;--track: #221e2d;--tile: #3c3550;--tile-hover: #473f5e;--tile-edge: #29243a;--tile-open: #17141f;--board-bg: #1d1927;--board-line: #2f2940}}:root[data-board-theme=lavender][data-theme=dark],:root[data-theme=dark] [data-board-theme=lavender]{--paper: #131119;--surface: #1d1a26;--line: #2c273a;--track: #221e2d;--tile: #3c3550;--tile-hover: #473f5e;--tile-edge: #29243a;--tile-open: #17141f;--board-bg: #1d1927;--board-line: #2f2940}[data-board-theme=slate]{--paper: #eef0f3;--surface: #ffffff;--line: #d9dee4;--track: #e1e5ea;--tile: #d3d8de;--tile-hover: #c6ccd4;--tile-edge: #a3abb6;--tile-open: #f9fafb;--board-bg: #ffffff;--board-line: #dde1e6}@media(prefers-color-scheme:dark){:root[data-board-theme=slate]:not([data-theme=light]),:root:not([data-theme=light]) [data-board-theme=slate]{--paper: #121417;--surface: #1c1f24;--line: #2a2f36;--track: #1f2329;--tile: #353b44;--tile-hover: #404751;--tile-edge: #252a31;--tile-open: #15181c;--board-bg: #1b1f24;--board-line: #2a3038}}:root[data-board-theme=slate][data-theme=dark],:root[data-theme=dark] [data-board-theme=slate]{--paper: #121417;--surface: #1c1f24;--line: #2a2f36;--track: #1f2329;--tile: #353b44;--tile-hover: #404751;--tile-edge: #252a31;--tile-open: #15181c;--board-bg: #1b1f24;--board-line: #2a3038}:root{color-scheme:light dark;--cell-scale: 1;--cell-size: calc(32px * var(--cell-scale));--radius: 10px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ink: #1d1c1a;--ink-muted: #66645e;--focus: #2f62d9;--danger: #c8372d;--success: #2c7a47;--flag: #c8372d;--n1: #2a56c9;--n2: #2c7a47;--n3: #c33a2f;--n4: #5b3fb0;--n5: #93450f;--n6: #12716f;--n7: #1d1c1a;--n8: #66645e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #ecebe6;--ink-muted: #a3a097;--focus: #7aa2ff;--danger: #e0574b;--success: #6cc68b;--flag: #ef6a5e;--n1: #86aaff;--n2: #74c98f;--n3: #f2867b;--n4: #c1a9ff;--n5: #f0a868;--n6: #5fd2c8;--n7: #ecebe6;--n8: #a3a097}}:root[data-theme=dark]{color-scheme:dark;--ink: #ecebe6;--ink-muted: #a3a097;--focus: #7aa2ff;--danger: #e0574b;--success: #6cc68b;--flag: #ef6a5e;--n1: #86aaff;--n2: #74c98f;--n3: #f2867b;--n4: #c1a9ff;--n5: #f0a868;--n6: #5fd2c8;--n7: #ecebe6;--n8: #a3a097}:root[data-theme=light]{color-scheme:light}@media(max-width:600px){:root{--cell-size: clamp(32px, calc((100vw - 1.5rem - 38px) / 9), calc(40px * var(--cell-scale)))}}*,*:before,*:after{box-sizing:border-box}:root[data-page-image] body:before{position:fixed;z-index:-1;inset:0;background:var(--page-image) center/cover no-repeat;content:""}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input{color:inherit;font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.segmented{display:inline-flex;padding:3px;border-radius:9px;background:var(--track)}.segmented button{min-height:36px;padding:0 .9rem;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);font-size:.875rem;font-weight:500;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.segmented button:hover{color:var(--ink)}.segmented button:disabled{cursor:default}.segmented button:disabled:not([aria-pressed=true]){opacity:.55}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line);color:var(--ink);font-weight:600}.button{min-height:42px;padding:0 1.1rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:.875rem;font-weight:600;transition:border-color .15s ease}.button:hover:not(:disabled){border-color:var(--ink-muted)}.button:disabled{color:var(--ink-muted);cursor:default;opacity:.6}.button.danger{border-color:var(--danger);color:var(--danger)}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}kbd{display:inline-block;min-width:1.6em;padding:0 .35em;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--ink);font:500 .75rem/1.5 var(--font);text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}