:root{--ink: #101219;--slab: #171a22;--slab-2: #1e222c;--line: #2a2f3b;--line-soft: #21252f;--chalk: #edf0f5;--mute: #8b94a7;--faint: #5c6577;--signal: #ffd400;--display: "Archivo", "Pretendard Variable", Pretendard, sans-serif;--body: "Pretendard Variable", Pretendard, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--r: 4px;--pad: clamp(16px, 2.2vw, 28px);--ease: cubic-bezier(.2, .7, .3, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--ink)}body{font-family:var(--body);color:var(--chalk);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3{margin:0;font-weight:700}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.app{max-width:1440px;margin:0 auto;padding:var(--pad)}.board{display:flex;align-items:center;gap:clamp(14px,2vw,32px);flex-wrap:wrap;padding:18px 22px;background:var(--slab);border:1px solid var(--line);border-radius:var(--r);position:relative;overflow:hidden}.board:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#ffd400 0,#ffd400 22%,#00c2ff 22%,#00c2ff 44%,#ff5c39 44%,#ff5c39 62%,#37e39b 62%,#37e39b 80%,#b98cff 80%,#b98cff)}.board-mark{display:flex;align-items:baseline;gap:8px}.board-title{font-family:var(--display);font-variation-settings:"wdth" 122;font-weight:900;font-size:clamp(24px,3vw,34px);letter-spacing:.01em;line-height:1}.board-sub{font-family:var(--mono);font-size:13px;letter-spacing:.24em;color:var(--ink);background:var(--signal);padding:3px 7px 2px;border-radius:2px}.board-desc{margin:0;color:var(--mute);font-size:13.5px;flex:1 1 220px}.board-stats{display:flex;gap:0;margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.stat{padding:6px 16px;text-align:center;background:var(--slab-2)}.stat+.stat{border-left:1px solid var(--line)}.stat dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--faint)}.stat dd{margin:1px 0 0;font-family:var(--display);font-variation-settings:"wdth" 118;font-weight:800;font-size:20px;line-height:1.1}.layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:clamp(14px,1.6vw,22px);margin-top:clamp(14px,1.6vw,22px);align-items:start}.controls{display:flex;flex-direction:column;gap:12px;position:sticky;top:var(--pad)}.output{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);min-width:0}.panel{background:var(--slab);border:1px solid var(--line);border-radius:var(--r);padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{font-family:var(--body);font-size:13px;font-weight:700;color:var(--chalk)}.panel-count{font-family:var(--mono);font-size:11px;color:var(--faint)}.panel-hint{margin:0;font-size:12px;color:var(--faint);line-height:1.45}.pick-actions{display:flex;gap:6px;margin:10px 0 12px}.pick-actions .btn{flex:1}.field{background:var(--ink);border:1px solid var(--line);border-radius:3px;color:var(--chalk);padding:7px 9px;font-family:var(--body);font-size:14px;min-width:0;transition:border-color .15s var(--ease)}.field:hover{border-color:#39404f}.field:focus{outline:none;border-color:var(--signal)}.field--num,.field--share{font-family:var(--mono);text-align:right;padding-right:4px}.field--share{width:52px}.field--num{width:84px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{border-radius:3px;padding:7px 12px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--slab-2);transition:border-color .15s var(--ease),background .15s var(--ease)}.btn:hover{border-color:#454d5f;background:#252a35}.btn--sm{padding:4px 9px;font-size:12px}.btn--solid{background:var(--signal);border-color:var(--signal);color:var(--ink)}.btn--solid:hover{background:#ffe14d;border-color:#ffe14d}.icon-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:3px;border:1px solid var(--line);background:transparent;color:var(--mute);font-size:13px;line-height:1;transition:color .15s var(--ease),border-color .15s var(--ease)}.icon-btn:hover:not(:disabled){color:var(--chalk);border-color:#454d5f}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sharebar{position:relative;margin-bottom:8px}.sharebar-track{display:flex;height:34px;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--ink)}.sharebar-seg{container-type:inline-size;min-width:0;display:grid;place-items:center;background:var(--lane);overflow:hidden}.sharebar-pct{font-family:var(--mono);font-size:11.5px;font-weight:600;color:#0d0f14;white-space:nowrap;transition:opacity .15s var(--ease)}@container (max-width: 34px){.sharebar-pct{opacity:0}}.sharebar-handle{position:absolute;top:-3px;bottom:-3px;width:18px;margin-left:-9px;padding:0;border:none;background:transparent;cursor:col-resize;touch-action:none}.sharebar-grip{display:block;width:4px;height:100%;margin:0 auto;border-radius:2px;background:var(--chalk);box-shadow:0 0 0 1px var(--ink);transition:background .15s var(--ease),width .15s var(--ease)}.sharebar-handle:hover .sharebar-grip,.sharebar-handle:focus-visible .sharebar-grip{width:6px;background:var(--signal)}.sharebar-handle:focus-visible{outline:none}.sharebar--single .sharebar-seg{opacity:.85}.sharebar-hint{margin-bottom:14px}.roster-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto 26px;align-items:center;gap:8px}.lane-dot{width:10px;height:10px;border-radius:50%;background:var(--lane);box-shadow:0 0 0 3px color-mix(in srgb,var(--lane) 18%,transparent)}.share{display:flex;align-items:center;gap:2px;background:var(--ink);border:1px solid var(--line);border-radius:3px;padding-right:8px}.share:focus-within{border-color:var(--signal)}.share .field--share{border:none;background:transparent;padding:7px 0 7px 8px}.share .field--share:focus{border:none}.share-unit{font-family:var(--mono);font-size:12px;color:var(--faint)}.roster-foot{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}.stepper{display:flex;align-items:center;gap:6px}.stepper-value{font-family:var(--display);font-variation-settings:"wdth" 118;font-weight:800;font-size:18px;min-width:20px;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:flex;align-items:stretch;border-radius:3px;border:1px solid var(--line);overflow:hidden;transition:border-color .15s var(--ease)}.chip:hover{border-color:#454d5f}.chip-main{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border:none;background:transparent;color:var(--mute);font-size:12.5px;transition:color .15s var(--ease),background .15s var(--ease)}.chip-idx{font-family:var(--mono);font-size:10px;opacity:.7}.chip-block{display:grid;place-items:center;width:22px;border:none;border-left:1px solid var(--line);background:transparent;color:var(--faint);font-size:11px;line-height:1;transition:color .15s var(--ease),background .15s var(--ease)}.chip-block:hover{color:#ff7b7b;background:#ff5c391f}.chip--on .chip-main{color:var(--ink);background:var(--chalk);font-weight:600}.chip--on .chip-idx{opacity:.55}.chip--on{border-color:var(--chalk)}.chip--on .chip-block{border-left-color:#1012192e;background:var(--chalk);color:#7d838f}.chip--on .chip-block:hover{color:#d83a1a;background:#ffe4dc}.chip--out{border-color:var(--line-soft);opacity:.55}.chip--out .chip-main{color:var(--faint);text-decoration:line-through;cursor:not-allowed}.chip--out .chip-block{color:var(--signal)}.chip-legend{margin:12px 0 0;font-size:11px;line-height:1.5;color:var(--faint)}.legend-mark{font-family:var(--mono);color:var(--mute);padding:0 3px}.startwith{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}.startwith-label{font-size:12px;color:var(--mute)}.segmented{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.segmented button{padding:4px 11px;border:none;background:transparent;color:var(--mute);font-size:12px;transition:color .15s var(--ease),background .15s var(--ease)}.segmented button+button{border-left:1px solid var(--line)}.segmented button:hover{color:var(--chalk)}.segmented .seg-on{background:var(--signal);color:var(--ink);font-weight:600}.startwith-hint{font-size:11px;color:var(--faint)}.toggle{display:flex;align-items:center;gap:9px;margin-bottom:14px;cursor:pointer;font-size:12.5px;color:var(--mute)}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{flex:none;width:32px;height:18px;border-radius:10px;background:var(--ink);border:1px solid var(--line);position:relative;transition:background .2s var(--ease),border-color .2s var(--ease)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--faint);transition:transform .2s var(--ease),background .2s var(--ease)}.toggle input:checked+.toggle-track{background:color-mix(in srgb,var(--signal) 22%,transparent);border-color:color-mix(in srgb,var(--signal) 55%,transparent)}.toggle input:checked+.toggle-track:after{transform:translate(14px);background:var(--signal)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--signal);outline-offset:2px}.volumes{display:flex;flex-direction:column}.volume-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:9px 0;border-top:1px solid var(--line-soft)}.volume-row:first-child{border-top:none}.volume-name{display:flex;flex-direction:column;min-width:0}.volume-name b{font-family:var(--display);font-variation-settings:"wdth" 112;font-weight:700;font-size:12px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volume-name em{font-style:normal;font-size:11.5px;color:var(--faint)}.numfield{display:flex;align-items:center;gap:3px;background:var(--ink);border:1px solid var(--line);border-radius:3px;padding-right:8px}.numfield:focus-within{border-color:var(--signal)}.numfield .field--num{border:none;background:transparent;padding:6px 0 6px 8px}.numfield-unit{font-family:var(--mono);font-size:11px;color:var(--faint)}.volume-split{grid-column:1 / -1;font-size:11px;color:var(--faint)}.volume-row--run .volume-name b{color:var(--signal)}.lanes{container:lanes / inline-size;display:flex;flex-direction:column;gap:2px;background:var(--slab);border:1px solid var(--line);border-radius:var(--r);padding:14px}.lane{padding:10px 2px;animation:laneIn .45s var(--delay, 0ms) both var(--ease)}.lane+.lane{border-top:1px solid var(--line-soft)}@keyframes laneIn{0%{opacity:0;transform:translateY(7px)}}.lane-head{display:flex;align-items:baseline;gap:9px;margin-bottom:7px}.lane-idx{font-family:var(--mono);font-size:10px;color:var(--faint);border:1px solid var(--line);border-radius:2px;padding:2px 4px;line-height:1;align-self:center}.lane-name{font-family:var(--display);font-variation-settings:"wdth" 118;font-weight:800;font-size:clamp(14px,1.5vw,17px);letter-spacing:.02em}.lane-ko{font-size:12px;color:var(--faint)}.lane-total{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--mute)}.track{display:flex;height:42px;border-radius:3px;overflow:hidden;background-color:var(--ink);background-image:repeating-linear-gradient(-45deg,var(--line-soft) 0 1px,transparent 1px 7px);border:1px solid var(--line)}.seg{container-type:inline-size;position:relative;min-width:0;background:var(--lane);transition:width .35s var(--ease);overflow:hidden}.seg:not([data-last]){box-shadow:inset -2px 0 0 var(--slab)}.seg:not([data-last]):after{content:"";position:absolute;top:0;right:2px;width:7px;height:100%;background:repeating-linear-gradient(-45deg,rgba(16,18,25,.45) 0 1.5px,transparent 1.5px 5px)}.seg-inner{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 10px;color:#0d0f14;white-space:nowrap;transition:opacity .2s var(--ease)}.seg-name{font-size:12.5px;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.seg-amt{font-family:var(--mono);font-size:11px;font-weight:500;line-height:1.2;opacity:.72}@container (max-width: 74px){.seg-inner{opacity:0}}.track-empty{display:grid;place-items:center;width:100%;font-family:var(--mono);font-size:12px;color:var(--faint)}.lane-caption{display:flex;flex-wrap:wrap;gap:4px 14px;margin:7px 0 0;font-family:var(--mono);font-size:11.5px;color:var(--mute)}.cap{display:inline-flex;align-items:baseline;gap:5px}.cap b{font-family:var(--body);font-weight:600;color:var(--chalk);position:relative;padding-left:10px}.cap b:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--lane)}.cap--narrow-only,.lane-caption--narrow-only{display:none}@container lanes (max-width: 620px){.seg-inner{opacity:0}.cap--narrow-only{display:inline-flex}.lane-caption--narrow-only{display:flex}.lane-caption{gap:4px 12px}}.lane--run .track{height:30px}.lane--run .lane-name{font-size:13px;color:var(--mute)}.lane--run .lane-idx{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 40%,transparent)}.lane--run .seg-inner{flex-direction:row;align-items:baseline;gap:6px}.empty{display:grid;place-content:center;gap:4px;text-align:center;min-height:260px;background:var(--slab);border:1px dashed var(--line);border-radius:var(--r)}.empty-title{margin:0;font-weight:600}.empty-body{margin:0;font-size:13px;color:var(--faint)}.totals-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.totals-head h2{font-family:var(--body);font-size:13px;font-weight:700;color:var(--chalk)}.totals-hint{font-size:12px;color:var(--faint)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.card{background:var(--slab);border:1px solid var(--line);border-top:2px solid var(--lane);border-radius:var(--r);padding:12px 13px 13px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.card-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-share{font-family:var(--display);font-variation-settings:"wdth" 118;font-weight:800;font-size:17px;color:var(--lane)}.card-list{margin:0;display:flex;flex-direction:column;gap:5px}.card-item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px}.card-item dt{color:var(--faint)}.card-item dd{margin:0;font-family:var(--mono);font-size:12px;color:var(--chalk)}.card-none{margin:0;font-size:12.5px;color:var(--faint)}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr)}.controls{position:static}}@media(max-width:560px){.icon-btn{width:34px;height:34px;font-size:15px}.chip-main{padding:9px 10px 9px 8px;font-size:13px}.chip-block{width:34px;font-size:13px}.segmented button{padding:8px 16px}.btn{padding:9px 14px}.sharebar-track{height:44px}.sharebar-handle{width:32px;margin-left:-16px}.sharebar-grip{width:5px}.field{font-size:16px}.board{gap:12px}.board-desc{order:3;flex-basis:100%}.board-stats{order:2}.stat{padding:5px 11px}.lane-head{flex-wrap:wrap;gap:6px}.lane-total{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}}@media print{:root{--ink: #fff;--slab: #fff;--slab-2: #fff;--line: #c8ccd4;--line-soft: #e2e5ea;--chalk: #101219;--mute: #4b5261;--faint: #6b7280;color-scheme:light}.controls,.btn,.board:before{display:none}.layout{grid-template-columns:minmax(0,1fr)}.lane{animation:none;break-inside:avoid}.board-sub{color:#fff;background:#101219}}