*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font:400 14px/1.35 Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.display{font-family:Big Shoulders Display,Barlow,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.muted{color:var(--color-muted)}.dim{color:var(--color-dim)}.label{font-size:var(--type-label);font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--color-muted)}.hint{font-size:var(--type-hint);color:var(--color-muted)}.error{color:var(--color-tagHead);font-size:13.5px}.shell{display:flex;height:100%}.sidebar{width:240px;flex:none;display:flex;flex-direction:column;gap:28px;padding:28px 20px 24px;background:var(--color-panel);border-right:1px solid var(--color-line)}.brand img{width:145px;height:35px;display:block}.brand .label{margin-top:6px;font-size:11px;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;height:40px;padding:0 12px;border:0;border-radius:var(--radius-control);background:none;color:var(--color-muted);font-size:15px;font-weight:500;text-align:left}.nav button span:first-child{flex:1}.nav button .count{font-size:12px;font-weight:700;color:var(--color-dim)}.nav button.on{background:var(--color-panel2);color:var(--color-text);font-weight:600}.account{margin-top:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.account .who{font-weight:600;word-break:break-all}.main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:24px;padding:32px 40px;overflow:hidden}.header{display:flex;align-items:center;gap:16px}.header .titles{flex:1;min-width:0}.header h1{margin:0;font-size:34px;line-height:1.1}.status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--color-panel);border:1px solid var(--color-line);font-size:13px;font-weight:600;white-space:nowrap}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--color-green)}.status.pending .dot{background:var(--color-amber)}.btn-primary{height:48px;padding:0 28px;border:0;border-radius:var(--radius-button);background:var(--color-red);color:var(--color-white);font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:var(--type-button);letter-spacing:1.8px;text-transform:uppercase}.btn-ghost{padding:7px 12px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:none;font-size:var(--type-control);font-weight:600;white-space:nowrap}.btn-ghost.danger{color:var(--color-tagHead)}.input{height:44px;width:100%;padding:0 14px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-panel2);font-size:15px}.input::placeholder{color:var(--color-dim)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-size:5px 5px;background-repeat:no-repeat}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.row2{display:flex;gap:12px;align-items:flex-end}.row2>*{flex:1}.chips{display:flex;flex-wrap:wrap;gap:var(--space-chip-gap)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid var(--color-line);background:none;color:var(--color-muted);font-size:14px;font-weight:500}.chip.on{border-color:var(--color-text);background:var(--color-panel2);color:var(--color-text)}.seg{display:flex;gap:3px;padding:3px;border-radius:var(--radius-control);background:var(--color-panel2)}.seg button{flex:1;min-width:0;height:38px;padding:0 4px;border:0;border-radius:8px;background:none;color:var(--color-muted);font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg button.on{background:var(--color-text);color:var(--color-bg)}.seg button.hug{flex:none;padding:0 12px}.toggle{width:50px;height:30px;flex:none;border:0;border-radius:15px;background:var(--color-line);position:relative;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-muted);transition:left .15s}.toggle.on{background:var(--color-green)}.toggle.on:after{left:23px;background:var(--color-white)}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:40px;height:40px;border:0;border-radius:var(--radius-control);background:var(--color-panel2);font-size:22px}.stepper .value{width:64px;text-align:center;font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:var(--type-stepper)}.tag{display:inline-block;padding:2px 7px;border-radius:var(--radius-tag);background:var(--color-panel2);color:var(--color-muted);font-size:var(--type-tag);font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.tag.head{background:color-mix(in srgb,var(--color-red) 22%,transparent);color:var(--color-tagHead)}.tag.body{background:color-mix(in srgb,var(--color-amber) 22%,transparent);color:var(--color-tagBody)}.tag.legs{background:color-mix(in srgb,var(--color-blue) 25%,transparent);color:var(--color-tagLegs)}.tag.live{background:color-mix(in srgb,var(--color-green) 22%,transparent);color:var(--color-green)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar .search{width:280px;height:40px}.toolbar select.input{width:auto;height:40px;background-color:var(--color-panel);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px}.toolbar .grow{flex:1}.table{flex:0 1 auto;min-height:0;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-panel);overflow:auto}.table.fill{flex:1}.table table{width:100%;border-collapse:collapse;table-layout:fixed}.table th{position:sticky;top:0;z-index:1;height:40px;padding:0 12px;background:var(--color-panel2);text-align:left}.table th:first-child,.table td:first-child{padding-left:16px}.table td{height:52px;padding:0 12px;border-top:1px solid var(--color-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:color-mix(in srgb,var(--color-panel2) 60%,transparent)}.table tr.inactive td{opacity:.55}.table .big{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:20px}.table .empty{padding:32px;text-align:center;color:var(--color-muted);cursor:default}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg) 72%,transparent);z-index:10}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;z-index:11;display:flex;flex-direction:column;background:var(--color-panel);border-left:1px solid var(--color-line)}.drawer-head{display:flex;align-items:center;gap:12px;padding:22px 20px 18px 28px}.drawer-head .titles{flex:1}.drawer-head h2{margin:0;font-size:24px}.drawer-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:6px 28px 20px}.drawer-foot{display:flex;align-items:center;gap:10px;padding:16px 28px 20px;border-top:1px solid var(--color-line)}.drawer-foot .note{flex:1}.drawer-foot .btn-primary{height:44px;padding:0 22px}.preview{border:1px solid var(--color-line);border-radius:var(--radius-call);background:var(--color-bg);padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.preview .top{display:flex;align-items:center;gap:6px}.preview .top .label{flex:1;font-size:11.5px;letter-spacing:1px}.preview .callout{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:var(--type-callout);line-height:54px;text-transform:uppercase;overflow-wrap:anywhere}.preview .detail{font-size:var(--type-body);color:var(--color-muted)}.boxrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--color-panel2)}.boxrow>div{flex:1}.boxrow .title{font-size:var(--type-row-title);font-weight:600}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:540px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;z-index:11;display:flex;flex-direction:column;gap:20px;padding:28px 32px;border-radius:var(--radius-summary);background:var(--color-panel);border:1px solid var(--color-line)}.dialog h2{margin:0;font-size:28px}.dialog .list{display:flex;flex-direction:column;gap:8px}.dialog .item{display:flex;gap:10px}.dialog .item b{width:12px}.dialog .buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px}.added{color:var(--color-green)}.edited{color:var(--color-amber)}.removed{color:var(--color-red)}.center{height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.card{width:420px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px;border-radius:var(--radius-summary);background:var(--color-panel);border:1px solid var(--color-line);text-align:center}.card .field,.card .btn-primary{width:100%;text-align:left}.card .btn-primary{height:60px;text-align:center}.card img{width:215px;height:50px}.card h1{margin:0;font-size:var(--type-phase);letter-spacing:6px;color:var(--color-red)}.back{align-self:flex-start;padding:0;border:0;background:none;color:var(--color-muted);font-size:13px;font-weight:600;margin-bottom:4px}.textarea{height:auto;padding:10px 12px;line-height:19px;resize:vertical}.wk-body{flex:1;min-height:0;display:flex;gap:24px}.wk-details{width:340px;flex:none;display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-panel);align-self:flex-start;max-height:100%}.wk-rounds{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;overflow:auto;padding-bottom:24px}.wk-rounds-head{display:flex;align-items:center;gap:14px}.wk-rounds-head .grow,.wk-round-head .grow,.wk-call .grow{flex:1}.wk-key{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-muted)}.sw{width:10px;height:10px;border-radius:3px;display:inline-block}.sw.combos,.seg.combos{background:var(--color-red)}.sw.drill,.seg.drill{background:var(--color-amber)}.sw.rest,.seg.rest{background:var(--color-blue)}.wk-issues{padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-amber) 45%,transparent);background:color-mix(in srgb,var(--color-amber) 10%,transparent);font-size:13.5px;color:var(--color-tagBody);display:flex;flex-direction:column;gap:3px}.wk-round{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-panel);flex:none}.wk-round-head{display:flex;align-items:center;gap:10px}.wk-round-head h3{margin:0;font-size:20px}.wk-repeat{width:190px;height:36px}.wk-used{font-size:13px;font-weight:600}.wk-used.ok{color:var(--color-green)}.wk-used.off{color:var(--color-amber)}.wk-strip{display:flex;gap:2px;height:24px;border-radius:6px;overflow:hidden}.wk-strip.dim{opacity:.45}.wk-strip .seg{min-width:0;padding:0 8px;display:flex;align-items:center;font-size:11px;font-weight:700;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wk-strip .seg.drill{color:var(--color-bg)}.wk-strip .seg.gap{background:repeating-linear-gradient(135deg,var(--color-panel2) 0 6px,var(--color-line) 6px 12px);color:var(--color-muted)}.wk-strip .seg.over{flex:none;background:var(--color-red);outline:2px solid var(--color-tagHead)}.wk-block{display:flex;flex-direction:column;gap:10px;padding:12px 12px 12px 14px;border-radius:12px;background:var(--color-panel2);border-left:4px solid}.wk-block.combos{border-left-color:var(--color-red)}.wk-block.drill{border-left-color:var(--color-amber)}.wk-block.rest{border-left-color:var(--color-blue)}.wk-block .seg{background:var(--color-bg)}.wk-block-top{display:flex;align-items:center;gap:10px}.wk-block-top .stepper button{background:var(--color-bg)}.wk-intro{flex:1;min-width:120px;height:40px;background:var(--color-bg)}.wk-moves{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.wk-moves .hint{display:inline-flex;align-items:center;gap:4px;margin-right:2px}.wk-sec{width:58px;height:30px;padding:0 6px;text-align:center;background:var(--color-bg)}.chip.sel{border-color:var(--color-blue);box-shadow:0 0 0 1px var(--color-blue)}.chip.bad{border-color:var(--color-red);color:var(--color-tagHead)}.wk-call{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--color-bg);border:1px solid var(--color-line)}.wk-picker{width:620px;max-height:calc(100vh - 64px)}.wk-picker-list{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:50vh}.wk-pick{display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:10px;background:var(--color-panel2);text-align:left}.wk-pick:hover{outline:1px solid var(--color-line)}.wk-pick .big{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:18px;min-width:120px}.wk-pick .grow{flex:1}.settings-card{max-width:720px;display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-panel)}.settings-example{padding:10px 14px;border-radius:10px;background:var(--color-bg)}