:root{color-scheme:only light;--bg: #ffffff;--surface: #ffffff;--surface-2: #f0f0ee;--surface-3: #e4e4e2;--field: #ffffff;--bar: #2e2f33;--disc: #f0f0ee;--ink: #2e2f33;--ink-2: #55575c;--ink-3: #8a8c91;--line: #c9cacc;--line-soft: #e4e4e2;--accent: #8a8c91;--danger: #a8484c;--on-dark: #ffffff;--selected: #f0f0ee;--btn-bg: var(--field);--btn-ink: var(--ink);--btn-line: var(--line);--sel-bg: #2e2f33;--sel-ink: #ffffff;--panel-bg: #ffffff;--panel-line: var(--line);--win-bar-bg: var(--bar);--win-bar-ink: var(--on-dark);--top-bg: #ffffff;--top-line: var(--line-soft);--scrim: rgba(46, 47, 51, 0.38);--desk: #f3f3f1;--desk-dot: #d7d7d4;--dot: 28px;--board: #ffffff;--check: #ececea;--guide: #8a8c91;--shape-1: #55575c;--shape-2: #b9bbbf;--shape-3: #cdbfae;--shape-4: #8e9ea3;--font-weight: 700;--title-weight: 900;--text: 14px;--text-small: 12px;--text-title: 16px;--title-ls: 0.04em;--touch: 44px;--control: 36px;--chip: 32px;--icon: 20px;--row-h: 40px;--top-h: 46px;--edge: 12px;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--radius: 12px;--radius-sm: 8px;--radius-btn: 8px;--radius-panel: 14px;--radius-pill: 999px;--seg-radius: 999px;--border-w: 1.5px;--disabled-opacity: 0.4;--x-box: 22px;--x-glyph: 14px;--x-edge: 8px;--lang-h: 22px;--lang-min-w: 28px;--lang-text: 12px;--kit-label-w: 60px;--num-w: 44px;--fwin-w: 272px;--modal-h: 520px;--modal-h-compact: 224px;--win-head-h: calc(var(--x-edge) * 2 + var(--x-box) - var(--border-w) * 2)}html[data-palette=cool]{--bg: #ffffff;--surface: #f6f7f8;--surface-2: #eceef0;--surface-3: #e1e4e7;--field: #ffffff;--bar: #2f3237;--ink: #1c1e21;--ink-2: #5f656d;--ink-3: #8e949b;--line: #cfd3d8;--line-soft: #e4e6e9;--accent: #8e949b;--danger: #a8433c;--selected: #eceef0;--sel-bg: #2f3237;--panel-bg: #ffffff;--top-bg: #ffffff;--scrim: rgba(28, 30, 33, 0.38);--desk: #eef0f2;--desk-dot: #d3d7dc;--board: #ffffff;--check: #eceef1;--guide: #8e949b;--shape-1: #2f3237;--shape-2: #aab1b9;--shape-3: #c9d1d6;--shape-4: #7d8c99;--radius: 18px;--radius-sm: 12px;--radius-btn: 999px;--radius-panel: 18px}html[data-palette=ink]{--bg: #e9e9e9;--surface: #ffffff;--surface-2: #f2f2f2;--surface-3: #e4e4e4;--field: #ffffff;--bar: #2a2a2a;--ink: #2a2a2a;--ink-2: #555555;--ink-3: #8c8c8c;--line: #2a2a2a;--line-soft: #dcdcdc;--accent: #2a2a2a;--danger: #b3261e;--selected: #f2f2f2;--sel-bg: #2a2a2a;--panel-bg: #ffffff;--top-bg: #ffffff;--top-line: #2a2a2a;--scrim: rgba(42, 42, 42, 0.5);--desk: #e9e9e9;--desk-dot: #cdcdcd;--board: #ffffff;--check: #f2f2f2;--guide: #2a2a2a;--shape-1: #2a2a2a;--shape-2: #9a9a9a;--shape-3: #d6d6d6;--shape-4: #5e5e5e;--border-w: 2px;--radius: 12px;--radius-sm: 8px;--radius-btn: 12px;--radius-panel: 12px;--seg-radius: 12px}.kit-track{--kit-thumb: 18px;min-width:48px}.kit-track-bar,.kit-track-fill{height:6px;margin-top:-3px}.kit-switch{width:40px;height:24px}.kit-switch-knob{left:3px;width:16px;height:16px;margin-top:-8px}.kit-toggle.is-on .kit-switch-knob{left:calc(100% - 19px)}.kit-num-unit{min-width:16px}.kit-fwin-head{min-height:var(--win-head-h)}.kit-fwin-title{font-size:var(--text)}.kit-fwin .kit-x,.modal:not(.modal-untitled)>.modal-close{color:var(--win-bar-ink)}.modal-overlay{background:var(--scrim)}.modal{width:340px;border:var(--border-w) solid var(--panel-line);border-radius:var(--radius-panel);background:var(--panel-bg)}.modal-wide{width:480px}.modal-close{top:calc(var(--x-edge) - var(--border-w));right:calc(var(--x-edge) - var(--border-w));color:var(--ink)}.modal-close::before{top:calc((var(--x-edge) - var(--border-w)) * -1);right:calc((var(--x-edge) - var(--border-w)) * -1)}.modal-head{min-height:var(--win-head-h);padding:0 calc(var(--x-edge) * 2 + var(--x-box)) 0 var(--gap-3);border-bottom:0;background:var(--win-bar-bg);color:var(--win-bar-ink)}.modal-title{font-size:var(--text);font-weight:var(--font-weight);line-height:1.3}.modal-body{padding:var(--gap-3)}.modal-foot{padding:var(--gap-2) var(--gap-3) var(--gap-3);border-top:1px solid var(--line-soft)}.btn{border:var(--border-w) solid var(--btn-line);border-radius:var(--radius-btn);background:var(--btn-bg);color:var(--btn-ink);font-size:var(--text)}.btn-primary{border-color:var(--sel-bg);background:var(--sel-bg);color:var(--sel-ink)}.btn-danger{border-color:var(--danger);background:var(--danger);color:var(--on-dark)}.field,.field-area{border-color:var(--btn-line);border-radius:var(--radius-sm)}.chip{min-height:var(--chip);border-color:var(--btn-line);border-radius:var(--radius-pill);font-size:var(--text-small)}.chip.is-on{border-color:var(--sel-bg);background:var(--sel-bg);color:var(--sel-ink)}.modal-preview{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--desk)}.modal-progress,.modal-progress::-webkit-progress-bar{height:6px;background:var(--surface-2)}.modal-progress::-webkit-progress-value{background:var(--sel-bg)}.credit{border-top:1px solid var(--line-soft)}.credits li{border-bottom:1px solid var(--line-soft)}.popover{border:var(--border-w) solid var(--panel-line);border-radius:var(--radius);background:var(--panel-bg)}.popover-grip span{width:32px;height:4px;background:var(--line)}.menu{min-width:128px}.menu-item{font-size:var(--text)}@media (hover: hover){.menu-item:hover{background:var(--selected)}}.toast{--toast-top: calc(var(--top-h) + var(--gap-2));padding:var(--gap-2) var(--gap-3);border-radius:var(--radius-sm);background:var(--bar);color:var(--on-dark);font-size:var(--text)}.toast-action{position:relative;min-height:26px;border-width:var(--border-w);font-size:var(--text-small)}.toast-action::before{content:"";position:absolute;left:-6px;right:-6px;top:-10px;bottom:-10px}.color-chip,.color-button{width:var(--chip);height:var(--chip);border:var(--border-w) solid var(--btn-line)}.color-chip::before,.color-button::before{content:"";position:absolute;left:calc((var(--touch) - var(--chip)) / -2 - var(--border-w));right:calc((var(--touch) - var(--chip)) / -2 - var(--border-w));top:calc((var(--touch) - var(--chip)) / -2 - var(--border-w));bottom:calc((var(--touch) - var(--chip)) / -2 - var(--border-w))}.color-chip.is-on{box-shadow:0 0 0 2px var(--panel-bg),0 0 0 3.5px var(--ink)}.color-button.is-open{box-shadow:0 0 0 2px var(--panel-bg),0 0 0 3.5px var(--ink)}.color-chip .pin{border-color:var(--panel-bg);background:var(--ink-2)}.add-chip{margin:0 var(--gap-1);color:var(--ink-2);font-size:20px;font-weight:var(--font-weight)}.eraser-chip{background-color:var(--board);background-image:linear-gradient(45deg,var(--check) 25%,transparent 25%,transparent 75%,var(--check) 75%),linear-gradient(45deg,var(--check) 25%,transparent 25%,transparent 75%,var(--check) 75%);background-size:10px 10px;background-position:0 0,5px 5px}.cp-tab.is-on{border-color:var(--sel-bg);background:var(--sel-bg);color:var(--sel-ink)}