:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121413;--surface:#1b1e1d;--surface-2:#1e2221;--sidebar:#171a19;--line:#2a2f2d;--line-strong:#353a38;--row-line:#202423;--text:#eceae4;--text-2:#c9ccc8;--text-3:#b9bdb9;--muted:#8f9591;--done:#5c625f;--error:#ff7a6e;--error-line:#5a2a26;--danger-solid:#b8332a;--scrim:#080909b8;--scrim-strong:#080909eb;--toast:#2a2f2d;--toast-line:#3a403e;--shadow:0 20px 60px #00000080;--board-bg:#1b1e1d;--board-thin:#353a38;--board-thick:#9aa19d;--board-given:#eceae4;--board-note:#cdd1ce;--board-note-on-color:#dadcd8;--board-zone:#232826;--board-hint-target:#3a1f1c;--paint-1:#5e2c2c;--paint-2:#5e3b1c;--paint-3:#554a1a;--paint-4:#2d4c2a;--paint-5:#1e4a47;--paint-6:#233a5e;--paint-7:#3d2f60;--paint-8:#5c2a4a;--on-accent:#0d1030;--accent:#8c95f6}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4ef;--surface:#fff;--surface-2:#fff;--sidebar:#efece5;--line:#dad6cc;--line-strong:#c9c4b8;--row-line:#e6e2d9;--text:#1c1d1b;--text-2:#3f433f;--text-3:#4a4f4a;--muted:#5f645f;--done:#a3a79f;--error:#c0342b;--error-line:#e8b4ae;--danger-solid:#b8332a;--scrim:#1c1d1b73;--scrim-strong:#f6f4eff0;--toast:#fff;--toast-line:#c9c4b8;--shadow:0 20px 60px #0000002e;--board-bg:#fff;--board-thin:#d9d5cb;--board-thick:#3a3d3b;--board-given:#1c1d1b;--board-note:#3a3e39;--board-note-on-color:#3a3e39;--board-zone:#f1efea;--board-hint-target:#f8dedb;--paint-1:#f6d5d2;--paint-2:#f7dfc6;--paint-3:#f3eab5;--paint-4:#d6ebcf;--paint-5:#cbe9e4;--paint-6:#d3e0f5;--paint-7:#e2daf5;--paint-8:#f4d6e6;--on-accent:#fff;--accent:#4b55c4}:root[data-accent=indigo]{--accent:#8c95f6}:root[data-accent=amber]{--accent:#e6a63b}:root[data-accent=pink]{--accent:#ec7fa9}:root[data-accent=violet]{--accent:#a99bf5}:root[data-accent=blue]{--accent:#6fb1f2}:root[data-accent=teal]{--accent:#4fc7b4}:root[data-accent=green]{--accent:#8ccb6e}:root[data-theme=light][data-accent=indigo]{--accent:#4b55c4}:root[data-theme=light][data-accent=amber]{--accent:#8a5a00}:root[data-theme=light][data-accent=pink]{--accent:#ad3a6c}:root[data-theme=light][data-accent=violet]{--accent:#6450c0}:root[data-theme=light][data-accent=blue]{--accent:#23609f}:root[data-theme=light][data-accent=teal]{--accent:#17766a}:root[data-theme=light][data-accent=green]{--accent:#3b7327}:root{--accent-hover:color-mix(in srgb, var(--accent) 80%, var(--text));--accent-tint:color-mix(in srgb, var(--accent) 20%, var(--surface));--accent-tint-2:color-mix(in srgb, var(--accent) 22%, var(--surface));--accent-line:color-mix(in srgb, var(--accent) 40%, var(--surface));--board-same:color-mix(in srgb, var(--accent) 22%, var(--board-bg));--board-selected:color-mix(in srgb, var(--accent) 34%, var(--board-bg));--board-hint:color-mix(in srgb, var(--accent) 14%, var(--board-bg));--text-scale:1}:root[data-size=S]{--text-scale:.88}:root[data-size=L]{--text-scale:1.14}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:600}.grow{flex-grow:1}.accent-text{color:var(--accent)}.num{font-variant-numeric:tabular-nums}.app{min-height:100%;display:flex}.app>main{flex-grow:1;min-width:0}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:72px;height:100dvh;padding:20px 0;display:flex;position:sticky;top:0}.brand{color:var(--accent);letter-spacing:.02em;font-size:15px;font-weight:700}.sidebar .brand{margin-bottom:16px}.brand.big{flex-grow:1;margin-left:6px;font-size:22px}.brand svg{display:block}.brand.stacked{flex-direction:column;align-items:center;gap:4px;display:flex}.nav-item{width:44px;height:44px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.nav-item.on{background:var(--accent-tint);color:var(--accent)}.icon-btn{width:44px;height:44px;color:var(--text-3);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn.boxed{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:10px}.icon-btn.accent{color:var(--accent)}.btn{border:1px solid #0000;border-radius:10px;height:44px;padding:0 18px;font-size:15px}.btn.big{border-radius:12px;height:56px;font-size:17px}.btn.primary{background:var(--accent);color:var(--on-accent);font-weight:700}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{border-color:var(--line-strong);color:var(--text-2);background:0 0}.btn.outline{background:var(--surface);border-color:var(--line-strong);height:52px;color:var(--text);border-radius:12px}.btn.danger{border-color:var(--error-line);height:52px;color:var(--error);background:0 0;border-radius:12px;font-weight:600}.btn.danger-solid{background:var(--danger-solid);color:#fff;font-weight:700}.section-title{letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.stack{flex-direction:column;gap:10px;display:flex}.fatal{flex-direction:column;gap:12px;max-width:420px;margin:20vh auto;padding:16px;display:flex}.board{aspect-ratio:1;border:2px solid var(--board-thick);background:var(--board-bg);border-radius:6px;flex-shrink:0;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid;overflow:hidden;container-type:inline-size}.cell{border:none;border-right:1px solid var(--board-thin);border-bottom:1px solid var(--board-thin);min-width:0;color:var(--accent);font-size:calc(100cqw / 9 * .56 * var(--text-scale));background:0 0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+73){border-bottom:none}.cell.box-right{border-right:2px solid var(--board-thick)}.cell.box-bottom{border-bottom:2px solid var(--board-thick)}.cell:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.cell.zone{background:var(--board-zone)}.cell.same{background:var(--board-same)}.cell.selected{background:var(--board-selected)}.cell.hint{background:var(--board-hint)}.cell.hint-target{background:var(--board-hint-target)}.cell.ring{box-shadow:inset 0 0 0 2px var(--accent)}.cell.ring-error{box-shadow:inset 0 0 0 2px var(--error)}.cell.paint-1,.swatch.paint-1{background:var(--paint-1)}.cell.paint-2,.swatch.paint-2{background:var(--paint-2)}.cell.paint-3,.swatch.paint-3{background:var(--paint-3)}.cell.paint-4,.swatch.paint-4{background:var(--paint-4)}.cell.paint-5,.swatch.paint-5{background:var(--paint-5)}.cell.paint-6,.swatch.paint-6{background:var(--paint-6)}.cell.paint-7,.swatch.paint-7{background:var(--paint-7)}.cell.paint-8,.swatch.paint-8{background:var(--paint-8)}.value{color:var(--accent);font-weight:400}.value.given{color:var(--board-given);font-weight:600}.value.error{color:var(--error);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.notes{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;padding:2px;display:grid}.note{font-size:max(8px, calc(100cqw / 9 * .22 * var(--text-scale)));color:var(--board-note);justify-content:center;align-items:center;display:flex}.cell.painted .note{color:var(--board-note-on-color)}.game-phone .cell{font-size:calc(100cqw / 9 * .86 * var(--text-scale))}.game-phone .value{font-weight:200}.game-phone .value.given{font-weight:300}.game-phone .note{font-size:max(9px, calc(100cqw / 9 * .32 * var(--text-scale)));font-weight:300}.note.hi{color:var(--accent);font-weight:700}.note.struck{color:var(--error);font-weight:700;text-decoration:line-through;text-decoration-thickness:2px}.paused-board{background:var(--surface);border-color:var(--line-strong);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.paused-title{font-size:22px;font-weight:600}.paused-title.big{font-size:28px}.paused-time{font-variant-numeric:tabular-nums;font-size:40px;font-weight:300}.keypad{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.key,.swatch{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:clamp(48px,8dvh,68px);padding:0;display:flex}.key{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--accent)}.key-digit{font-size:24px;font-weight:500;line-height:1}.key-count{color:var(--muted);min-height:1em;font-size:10px}.key.done{border-color:var(--line);color:var(--done);background:0 0}.key.hidden{visibility:hidden}.key.pinned{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.key.pinned .key-count{color:var(--on-accent)}.notes-mode .key-digit{align-self:flex-start;margin-left:10px;font-size:15px;font-weight:400}.swatch{border:1px solid var(--line-strong);color:var(--text-2)}.swatch.clear{background:var(--surface)}.swatch.checked{border:2px solid var(--text)}.tools{grid-template-columns:repeat(var(--tools), minmax(0, 1fr));gap:5px;display:grid}.tool{background:var(--surface);border:1px solid var(--line);height:56px;color:var(--text-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.tool span{color:var(--muted);font-size:10px}.tool.on{background:var(--accent-tint-2);border-color:var(--accent);color:var(--accent)}.tool.on span{color:var(--accent)}.tools.compact .tool{height:44px}.color-help{color:var(--muted);text-align:center;font-size:13px}.hint-card{background:var(--surface);border:1px solid var(--accent-line);border-radius:14px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.hint-card.mistake{border-color:var(--error-line)}.hint-head{align-items:center;gap:10px;display:flex}.kicker{letter-spacing:.08em;color:var(--accent);flex-grow:1;font-size:12px;font-weight:600}.hint-card.mistake .kicker{color:var(--error)}.dots{gap:6px;display:flex}.dot{background:var(--line-strong);border-radius:4px;width:8px;height:8px}.dot.on{background:var(--accent)}.hint-text{flex-direction:column;gap:6px;max-height:40vh;display:flex;overflow-y:auto}.hint-title{font-size:18px;font-weight:600;line-height:1.3}.hint-body{color:var(--text-2);font-size:14px;line-height:1.45}.hint-actions{gap:8px;margin-top:2px;display:flex}.hint-actions .ghost{flex:1 1 0}.hint-actions .primary{flex:2 1 0;font-size:14px}.game{flex-direction:column;gap:18px;min-height:100dvh;margin:0 auto;display:flex}.game-phone{max-width:430px;padding:12px 16px 24px}.game-phone .keypad{margin:0 -8px}.game-phone>.board{border-radius:0;width:calc(100% + 32px);margin:0 -16px}.game-tablet{gap:20px;max-width:820px;padding:24px 40px 40px}.game-tablet .board{align-self:center;max-width:740px}.game-tablet .keypad{gap:8px}.game-tablet .key{height:76px}.game-tablet .tool{height:60px}.game-tablet .tool span{font-size:12px}.game-header{align-items:center;gap:8px;min-height:52px;display:flex}.game-title{flex-grow:1;align-items:baseline;gap:10px;display:flex}.level-name{font-size:15px;font-weight:600}.clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.game-landscape .clock{flex-grow:1}.game-wide{flex-grow:1;justify-content:center;align-items:flex-start;gap:48px;padding:0 48px 48px;display:flex}.layout-wide .game{padding-top:64px}.layout-wide:not(.with-sidebar) .game{padding-top:16px}.game-wide .board{width:min(660px,100dvh - 128px,100vw - 596px)}.side-panel{flex-direction:column;gap:22px;width:380px;display:flex}.side-head{justify-content:space-between;align-items:center;display:flex}.side-clock{flex-direction:column;gap:6px;display:flex}.level-label{color:var(--accent);letter-spacing:.04em;font-size:14px;font-weight:600}.clock-big{font-variant-numeric:tabular-nums;font-size:44px;font-weight:300;line-height:1}.side-head .icon-btn{border-radius:12px;width:52px;height:52px}.game-wide .keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-wide .key,.game-wide .swatch{border-radius:12px;gap:8px;height:76px}.game-wide .key-digit{font-size:32px;font-weight:400}.game-wide .key-count{font-size:11px}.game-wide .notes-mode .key-digit{font-size:20px}.game-wide .swatch{color:var(--text);justify-content:flex-end;align-items:flex-start;padding:8px 10px;font-size:13px}.game-wide .tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-wide .tool{height:60px}.game-wide .tool span{color:inherit;font-size:12px}.game-wide .hint-card{padding:18px 20px}.game-wide .hint-title{font-size:19px}.shortcuts{color:var(--muted);font-size:12px;line-height:1.6}.enter-message{color:var(--error);font-size:14px;line-height:1.45}.game-wide .enter-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.dialog p.enter-message{color:var(--error)}.paste-box{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:10px 12px;font:14px/1.4 ui-monospace,Cascadia Mono,Consolas,monospace}.game-phoneLandscape{padding:16px 24px}.game-landscape{gap:24px;height:calc(100dvh - 32px);display:flex}.game-landscape .board{width:auto;height:100%}.game-landscape .side-panel{flex-grow:1;gap:10px;width:auto}.game-landscape .game-header{min-height:44px}.game-landscape .keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game-landscape .key,.game-landscape .swatch{flex-grow:1;gap:2px;height:auto;min-height:40px}.game-landscape .keypad{flex-grow:1}.pause-full{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.clock-huge{font-variant-numeric:tabular-nums;font-size:72px;font-weight:200;line-height:1}.pause-actions{flex-direction:column;gap:10px;width:min(360px,100%);margin-top:24px;display:flex}.pause-actions .ghost{border-radius:12px;height:52px}.scrim{z-index:10;background:var(--scrim);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.scrim.strong{background:var(--scrim-strong)}.scrim.sheet{align-items:flex-end;padding:0}.dialog{background:var(--surface);border:1px solid var(--line-strong);width:460px;max-width:100%;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:16px;padding:28px;display:flex}.dialog h2{font-size:21px;font-weight:600}.dialog p{color:var(--text-2);font-size:15px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.dialog-actions .btn{border-radius:12px;height:50px;padding:0 20px}.scrim.sheet .dialog{border-radius:20px 20px 0 0;width:100%;padding:24px 20px 32px}.scrim.sheet .dialog-actions{flex-direction:column-reverse}.scrim.sheet .dialog-actions .btn{width:100%}.file-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.victory{background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:440px;max-width:100%;padding:40px 32px 32px;display:flex}.victory h2{font-size:30px;font-weight:600}.victory-time{font-variant-numeric:tabular-nums;font-size:64px;font-weight:300;line-height:1.1}.victory-actions{flex-direction:column;gap:10px;width:100%;margin-top:16px;display:flex}.victory-actions .ghost{border-radius:12px;height:52px}.pill{background:var(--board-zone);color:var(--text-3);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.pill.accent{background:var(--accent-tint);color:var(--accent)}.toast{z-index:20;background:var(--toast);border:1px solid var(--toast-line);border-radius:12px;align-items:center;gap:16px;min-width:min(320px,100vw - 32px);padding:10px 10px 10px 18px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.toast span{flex-grow:1;font-size:15px}.toast button{height:40px;color:var(--accent);background:0 0;border:none;border-radius:8px;padding:0 16px;font-size:15px;font-weight:700}.home,.page{flex-direction:column;gap:24px;max-width:430px;margin:0 auto;padding:12px 16px 32px;display:flex}.home-tablet,.page-tablet{gap:36px;max-width:820px;padding:24px 80px 48px}.home-wide{max-width:1180px;padding:72px 96px}.page-wide{gap:32px;max-width:760px;padding:64px 48px}.layout-wide:not(.with-sidebar) .home-wide{padding-top:32px}.home-header,.page-header{align-items:center;gap:4px;height:52px;display:flex}.page-header h1{margin-left:4px;font-size:22px;font-weight:600}.page-title{font-size:32px;font-weight:600}.ongoing{align-items:stretch;gap:8px;display:flex}.ongoing-main{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;flex-grow:1;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex}.ongoing-text{flex-direction:column;flex-grow:1;gap:4px;display:flex}.ongoing-level{font-size:16px;font-weight:600}.discard{border:1px solid var(--line);width:48px;color:var(--muted);background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.empty-note{border:1px dashed var(--line-strong);color:var(--text-2);border-radius:12px;padding:16px;font-size:15px;line-height:1.5}.daily{background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:12px;align-items:center;gap:16px;padding:18px 16px;display:flex}.daily.done{background:var(--surface);border-color:var(--line)}.daily-text{flex-direction:column;flex-grow:1;gap:4px;display:flex}.daily-title{font-size:17px;font-weight:600}.home-wide .daily{border-radius:14px;margin-top:20px;padding:24px}.home-wide .daily-title{font-size:20px}.daily .icon-btn{border-radius:10px;margin:0 -8px 0 -4px}.btn.outline.past-days{align-items:center;gap:6px;height:44px;padding:0 12px;font-weight:600;display:flex}.daily-page{gap:20px}.daily-page.page-wide{max-width:1060px}.daily-columns{align-items:flex-start;gap:64px;display:flex}.daily-columns .cal{flex-shrink:0;width:520px}.cal{flex-direction:column;gap:16px;display:flex}.cal-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px 8px 16px;display:flex}.page-wide .cal-card{gap:12px;padding:16px 16px 20px}.cal-nav{align-items:center;gap:8px;display:flex}.cal-nav .icon-btn{border-radius:10px}.cal-month{text-align:center;flex-grow:1;font-size:17px;font-weight:600}.cal-week,.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-week span{letter-spacing:.04em;height:28px;color:var(--muted);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.cal-grid{row-gap:6px}.page-wide .cal-grid{row-gap:10px}.day{aspect-ratio:1;font-variant-numeric:tabular-nums;width:100%;max-width:44px;color:var(--text);background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;justify-self:center;align-items:center;padding:0;font-size:16px;display:flex;position:relative}.page-wide .day{max-width:56px;font-size:17px}.day.ontime{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.day.late{border-color:var(--accent);color:var(--accent);font-weight:700}.day.today{border:2px dashed var(--accent);color:var(--accent);font-weight:700}.day.off{color:var(--done)}.day:disabled{opacity:1}.day.sel{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.day-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:5px;left:50%}.cal-legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;padding:0 4px;font-size:13px;display:flex}.page-wide .cal-legend{gap:8px 20px;font-size:14px}.cal-legend span{align-items:center;gap:8px;display:inline-flex}.mark{box-sizing:border-box;border-radius:50%;width:20px;height:20px;display:inline-block}.mark.ontime{background:var(--accent)}.mark.late{border:2px solid var(--accent)}.mark.progress{background:var(--accent);width:8px;height:8px;margin:0 6px}.mark.today{border:2px dashed var(--accent)}.day-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:16px;padding:18px 16px;display:flex}.day-card.primary{background:var(--accent-tint);border-color:var(--accent-line)}.day-card .btn{flex-shrink:0}.day-card .btn.outline{height:44px}.page-wide .day-card{border-radius:14px;flex-direction:column;align-items:stretch;gap:24px;width:400px;padding:28px 24px}.page-wide .day-card .daily-title{font-size:22px}.page-wide .day-card .btn{border-radius:12px;height:52px;font-size:16px}.levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-wide .levels,.home-tablet .levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level{background:var(--surface);border:1px solid var(--line);height:52px;color:var(--text-2);border-radius:10px;font-size:15px;font-weight:500}.level.on{background:var(--accent-tint);border:2px solid var(--accent);color:var(--accent);font-weight:700}.home-columns{gap:64px;display:flex}.home-columns>.stack{gap:20px}.home-side{flex-shrink:0;width:400px;padding-top:12px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.tile-value{font-size:34px;font-weight:300}.row-link{min-height:60px}.chart{flex-direction:column;gap:8px;margin:0;display:flex}.chart svg{border-bottom:1px solid var(--line);width:100%;height:150px}.chart .bar{fill:var(--accent)}.chart .bar.empty{fill:var(--line)}.chart-labels{display:flex}.chart-labels span{color:var(--muted);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;font-size:12px;display:flex}.chart-labels b{color:var(--text-2);font-weight:400}.list{flex-direction:column;gap:4px;display:flex}.list .section-title{margin-bottom:6px}.list-row{border-bottom:1px solid var(--row-line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}.list-row .time{text-align:right;width:64px}.history-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-width:0 0 1px;padding:0}.history-row:hover .grow{color:var(--accent)}.board.readonly .cell{cursor:default}.dialog .board.readonly{align-self:center;max-width:360px}.setting{border-bottom:1px solid var(--row-line);align-items:center;gap:16px;min-height:56px;padding:8px 0;font-size:15px;display:flex}.setting.column{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0}.setting-text{flex-direction:column;flex-grow:1;gap:3px;display:flex}.setting-text .small{line-height:1.4}.segment{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:flex}.segment button{height:40px;color:var(--text-2);background:0 0;border:none;border-radius:8px;flex:1 1 0;font-size:14px}.segment button.on{background:var(--accent-tint);color:var(--accent);font-weight:700}.switch{background:var(--line-strong);border:none;border-radius:15px;flex-shrink:0;width:50px;height:30px;padding:0;position:relative}.switch span{background:var(--muted);border-radius:12px;width:24px;height:24px;transition:left .12s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on span{background:var(--on-accent);left:23px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.accent-swatch{border:3px solid #0000;border-radius:20px;width:40px;height:40px;padding:0}.accent-swatch.on{border-color:var(--text);box-shadow:inset 0 0 0 2px var(--bg)}.accent-swatch.custom{color:var(--on-accent);justify-content:center;align-items:center;display:flex}.accent-swatch.custom.empty{border:2px dashed var(--line-strong);color:var(--muted);background:0 0}.accent-pick{align-items:center;gap:16px;display:flex}.accent-well{border:1px solid var(--line-strong);cursor:pointer;border-radius:16px;flex-shrink:0;width:64px;height:64px;position:relative}.accent-well input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.accent-well:focus-within{outline:2px solid var(--text);outline-offset:2px}.accent-pick-text{flex-direction:column;gap:4px;min-width:0;display:flex}.accent-hex{letter-spacing:.02em;width:9ch;color:var(--text);border:none;border-bottom:1px solid var(--line-strong);background:0 0;padding:2px 0;font:600 20px ui-monospace,monospace}.accent-hex:focus{border-bottom-color:var(--text);outline:none}.accent-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.accent-preview{background:var(--p-bg);color:var(--p-text);border:1px solid var(--p-line);border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;display:flex}.accent-preview.dark{--p-bg:#121413;--p-board:#1b1e1d;--p-text:#eceae4;--p-muted:#8f9591;--p-line:#353a38;--p-on:#0d1030}.accent-preview.light{--p-bg:#f6f4ef;--p-board:#fff;--p-text:#1c1d1b;--p-muted:#5f645f;--p-line:#d9d5cb;--p-on:#fff}.accent-preview .section-title{color:var(--p-muted)}.accent-preview-btn{background:var(--p-accent);height:36px;color:var(--p-on);border-radius:8px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.accent-preview-cells{display:flex}.accent-preview-cells span{background:var(--p-board);border:1px solid var(--p-line);justify-content:center;align-items:center;width:36px;height:36px;margin-left:-1px;font-size:20px;font-weight:300;display:flex}.accent-preview-cells span:first-child{margin-left:0}.accent-preview-cells .sel{background:color-mix(in srgb, var(--p-accent) 34%, var(--p-board));color:var(--p-accent)}.accent-preview-cells .hint{box-shadow:inset 0 0 0 2px var(--p-accent)}.accent-preview-hex{color:var(--p-muted);font:12px ui-monospace,monospace}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (prefers-reduced-motion:reduce){.switch span{transition:none}}