/*! Fitness Race Timer © 2026 Robin Wessels (robinwessels.com). All rights reserved. Copying, rebuilding or use for AI training is not permitted without written permission. */
.wb{--mk-blue: #1b4fd6;--mk-red: #d3302f;--mk-ink: #1a1a1a;--wb-pad: clamp(36px, 11vw, 170px);position:relative;padding:30px var(--wb-pad) 34px;border-radius:14px;background:linear-gradient(160deg,#fbfbf8,#eceee9);color:var(--mk-ink);box-shadow:inset 0 0 0 10px #c9ccd1,inset 0 0 0 12px #9aa0a6;font-family:Kalam,Segoe Print,Bradley Hand,cursive}.wb-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wb-titles{min-width:0}.wb .pill-hx{box-shadow:0 0 0 1px #d5d8dc;font-family:var(--font-body)}.wb-title{margin:8px 0 2px;font-family:Permanent Marker,cursive;font-weight:400;font-style:normal;text-transform:none;letter-spacing:.01em;font-size:clamp(1.8rem,4.6vw,2.7rem);line-height:1.1;color:var(--mk-blue)}.wb-meta{margin:0;color:#555;font-size:1.05rem}.wb-block{position:relative;margin-top:16px;padding:6px 8px 8px;border-radius:10px;transition:background .3s}.wb-block.is-now{background:#1b4fd60f}.wb-block h3{margin:0 0 4px;font-family:Permanent Marker,cursive;font-weight:400;font-style:normal;text-transform:none;letter-spacing:.01em;font-size:clamp(1.12rem,2.6vw,1.45rem);line-height:1.25;color:var(--mk-red)}.wb-block--namecol .wb-row{grid-template-columns:30px minmax(0,1.4fr) repeat(var(--cols, 1),minmax(0,1fr)) auto}.wb-ex{color:var(--mk-ink)}.wb-q{color:var(--mk-blue);font-weight:700;word-spacing:.12em;white-space:normal}.wb-namecol{min-width:0}.wb-explain{display:grid;gap:2px;max-width:72ch;margin:12px 0 0;font-size:1rem;line-height:1.4;color:#3a3a3a}.wb-explain dt,.wb-explain dd{display:inline}.wb-explain dd:before{content:" "}.wb-explain dt{font-weight:700;color:#148a4b}.wb-explain dt:after{content:":"}.wb-explain dd{margin:0}.wb-row{display:grid;grid-template-columns:30px repeat(var(--cols, 1),minmax(0,1fr)) auto;gap:2px 16px;align-items:baseline;padding:2px 8px;border-radius:6px;font-size:clamp(1.05rem,2.3vw,1.32rem);line-height:1.45;transition:background .25s}.wb-row>b{color:var(--mk-blue);font-weight:700}.wb-row--head{font-size:.82rem;color:#777;text-transform:uppercase;letter-spacing:.08em}.wb-row.is-now{background:#ffeb3bc7}.wb-row.is-now .wb-cell.is-now,.wb-block.is-now>.wb-row .wb-cell.is-now{font-weight:700}.wb-cell em{font-style:normal;color:var(--mk-blue);font-size:.85em}.wb-cell i{font-style:normal;color:#555;font-size:.85em;white-space:nowrap}.wb-cell small{display:block;color:#666;font-size:.78em;line-height:1.3}.wb-cell u{display:block;text-decoration:none;color:var(--mk-blue);font-weight:700}.wb-sub{display:block}.wb-names{justify-self:end;display:inline-flex;align-items:center;gap:6px;color:var(--mk-blue);font-weight:700;font-size:.95em}.wb-name{white-space:nowrap}.wb-block--empty h3{margin:0}.wb-locked{position:relative;margin-top:6px}.wb-blur{filter:blur(5px);opacity:.45;pointer-events:none;user-select:none;max-height:340px;overflow:hidden}.wb .wo-lock-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;color:var(--mk-ink);font-family:var(--font-body)}.wb .wo-lock-card b{color:var(--mk-ink)}.wb .wo-lock-card span{color:#444}.wb .wo-lock-card svg{color:var(--mk-blue)}.wb .wo-lock-card .btn--ghost{color:var(--mk-ink);border-color:#9aa0a6;background:#fff}@media(max-width:640px){.wb{--wb-pad: 22px;padding:22px var(--wb-pad) 24px;box-shadow:inset 0 0 0 7px #c9ccd1,inset 0 0 0 8px #9aa0a6}.wb-block--namecol .wb-row{grid-template-columns:24px minmax(0,1fr) auto}.wb-block--namecol .wb-row .wb-cell{grid-column:2;color:#555;font-size:.9em}.wb-block--namecol .wb-row .wb-cell[data-r="0"]:before{content:"R1 \b7  ";color:var(--mk-blue)}.wb-row{grid-template-columns:24px minmax(0,1fr) auto;gap:0 10px}.wb-row--head{display:none}.wb-row .wb-cell:not([data-r="0"]){grid-column:2;color:#555;font-size:.9em}.wb-row .wb-cell[data-r="1"]:before{content:"R2 \b7  ";color:var(--mk-blue)}.wb-row .wb-cell[data-r="2"]:before{content:"R3 \b7  ";color:var(--mk-blue)}.wb-row .wb-cell[data-r="3"]:before{content:"R4 \b7  ";color:var(--mk-blue)}.wb-row .wb-names{grid-column:3;grid-row:1}}.wo-board-sec{padding-top:14px}.wo-board{position:relative;max-width:1320px;margin:0 auto}.wo-names-hint{margin:10px 4px 0;color:var(--muted);font-size:.85rem}.wo-below{max-width:1320px;margin:18px auto 0}.wo-summary{color:var(--muted)}.wo-below form{margin:0}.wo-tray{--phase: var(--accent);--phase-ink: var(--on-accent, #04161a);position:sticky;bottom:12px;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;margin-top:14px;padding:12px 16px;border-radius:18px;background:var(--bg);border:1px solid var(--line);box-shadow:0 16px 40px #00000073}.wo-board.is-rest .wo-tray{--phase: #ffc94d;--phase-ink: #241a00}.wo-board.is-ready .wo-tray,.wo-board.is-warmup .wo-tray{--phase: #9fc3cb;--phase-ink: #06232a}.wo-board.is-done .wo-tray{--phase: #6ff0a6;--phase-ink: #032412}.wo-tray-clock{display:grid;justify-items:center;gap:3px;min-width:112px}.wo-p-kind{padding:3px 11px;border-radius:999px;background:var(--phase);color:var(--phase-ink);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.wo-p-clock{font-family:var(--font-display);font-weight:700;font-size:2.7rem;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}.wo-board.is-running .wo-p-clock{color:var(--phase)}.wo-board.is-paused .wo-p-clock{opacity:.5}.wo-tray-mid{min-width:0}.wo-p-block{margin:0;font-weight:800;font-size:.95rem}.wo-p-block:empty{display:none}.wo-p-where{margin:0;color:var(--muted);font-size:.78rem;font-weight:700}.wo-p-where:empty{display:none}.wo-p-guide{margin:3px 0}.wo-g-head{margin:0;font-weight:800}.wo-g-list{display:flex;flex-wrap:wrap;gap:2px 14px;list-style:none;margin:0;padding:0}.wo-g-item{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:1rem}.wo-g-list.is-one .wo-g-item{font-size:1.15rem;font-weight:700}.wo-g-qty{color:var(--phase);font-weight:800;font-variant-numeric:tabular-nums}.wo-g-qty:empty{display:none}.wo-g-name{color:#fff;font-weight:700}.wo-g-chip{padding:1px 7px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.wo-g-kg{text-transform:none;color:var(--phase)}.wo-g-note{color:var(--muted);font-size:.78rem}.wo-g-group{display:inline-flex;flex-direction:row;gap:8px}.wo-g-group>.wo-g-list{margin:0}.wo-p-next{margin:2px 0 0;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-tray-prog{display:flex;align-items:center;gap:10px;margin-top:6px;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.wo-tray-prog b{color:#fff}.wo-tray-prog small{text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-size:.62rem}.wo-p-seg{flex:1;height:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.wo-p-seg i,.wo-p-total i{display:block;height:100%;background:var(--phase);transform:scaleX(0);transform-origin:left center;transition:transform .2s linear}.wo-board.is-fortime .wo-p-seg{visibility:hidden}.wo-tray-ctl{display:flex;align-items:center;gap:8px}.wo-p-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:#fff;font:inherit;font-weight:800;cursor:pointer}.wo-p-btn:hover{border-color:#ffffff59}.wo-p-btn.is-cta{background:var(--phase);border-color:var(--phase);color:var(--phase-ink);padding:0 16px;font-family:var(--font-display);font-style:italic;text-transform:uppercase}.wo-p-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:128px;height:52px;padding:0 20px;border:0;border-radius:999px;background:var(--phase);color:var(--phase-ink);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:1.1rem;text-transform:uppercase;cursor:pointer}.wo-p-main svg{width:22px;height:22px}.wo-board.is-running .wo-p-main{background:#ffffff1a;color:#fff}.wo-tray-tools{display:flex;gap:6px}.wo-p-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:38px;padding:0 9px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:#fff;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}.wo-p-tool svg{width:18px;height:18px}.wo-p-tool:hover{border-color:#ffffff4d}.wo-p-tool.is-off{color:var(--muted)}.wo-p-tool.is-off svg{opacity:.5}.wo-p-tool.is-on{border-color:var(--accent);color:var(--accent)}.wo-p-tool span{display:none}.wo-p-main:focus-visible,.wo-p-btn:focus-visible,.wo-p-tool:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:760px){body.wo-has-tray{padding-bottom:190px}.wo-tray{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"clock mid mid" "ctl ctl tools";gap:8px 12px;padding:10px 12px}.wo-tray-clock{grid-area:clock;min-width:88px}.wo-tray-mid{grid-area:mid}.wo-tray-ctl{grid-area:ctl;gap:6px}.wo-tray-tools{grid-area:tools;justify-content:flex-end;gap:4px}.wo-p-clock{font-size:2.2rem}.wo-p-main{min-width:0;height:44px;padding:0 16px;font-size:1rem}.wo-p-btn{min-width:42px;height:42px;padding:0 8px}.wo-p-tool{min-width:34px;height:34px;padding:0 6px;border-radius:10px}}.wo-board.is-fs{position:fixed;inset:0;z-index:110;max-width:none;margin:0;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;overflow-y:auto;background:var(--bg)}body.wo-fs{overflow:hidden}.wo-p-sheet{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0000008c}.wo-p-sheet[hidden]{display:none}.wo-p-sheet-in{width:min(480px,100%);padding:22px;border-radius:18px;background:var(--bg-2, #0d3540);border:1px solid var(--line);box-shadow:0 20px 60px #00000080}.wo-p-sheet-in b{display:block;font-size:1.1rem}.wo-p-sheet-in p{color:var(--muted);margin:8px 0 16px}@media(min-width:700px){.wo-p-sheet{align-items:center}}@media(prefers-reduced-motion:reduce){.wo-p-seg i,.wo-p-total i,.wb-row,.wb-block{transition:none}}.bl-sec{padding-top:18px}.bl{max-width:1240px;margin:0 auto}.bl-h1{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem)}.bl-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px 16px;margin-bottom:10px}.bl-f{display:grid;gap:4px}.bl-f span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bl-f select{height:40px;padding:0 10px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);color:#fff;font:inherit;font-size:.92rem}.bl-f select option{background:var(--surface);color:#fff}.bl-hx{margin:0 0 8px;white-space:nowrap}.bl-bar-acts{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.bl-bar-acts [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.bl-tip{margin:0 0 14px;color:var(--muted);font-size:.86rem;line-height:1.6}.bl-tip b{color:#fff}.bl-tip code{padding:1px 6px;border-radius:6px;background:#ffffff14;color:#fff;font-size:.8rem}.bl-msg{margin:0 0 12px;color:#ff8f8f}.bl-msg.is-ok{color:var(--muted)}.bl-msg[hidden]{display:none}.is-preview .bl-tip{visibility:hidden}.bl-boardwrap{position:relative}.bl-wb button{font:inherit;color:inherit}.bl-t,.bl-s{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:text}.bl-t.wb-title{font-family:Permanent Marker,cursive;font-size:clamp(1.8rem,4.6vw,2.7rem);color:var(--mk-blue)}.bl-s{margin-top:2px}.bl-ph{color:#a2a6ab}.bl-head{display:flex;align-items:center;gap:10px;width:100%;padding:2px 6px;margin:0 -6px 4px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.bl-head h3{margin:0}.bl-head:hover,.bl-head:focus-visible{background:#d3302f12;outline:none}.bl-pen{color:#b5b9be;font-size:1rem;opacity:0;transition:opacity .15s}.bl-head:hover .bl-pen,.bl-head:focus-visible .bl-pen{opacity:1}.bl-row{display:block;min-height:1.5em;border-radius:6px;cursor:text}.bl-row:hover,.bl-row:focus-visible{background:#1b4fd60f;outline:none}.bl-gwrap{display:grid;gap:1px}.bl-wb .bl-gname{justify-self:start;padding:0;border:0;background:none;color:var(--mk-blue);font-weight:700;cursor:text}.bl-gname u{text-decoration:none}.bl-sub{padding-left:14px}.bl-in{width:100%;padding:0 4px;border:0;border-bottom:2px solid var(--mk-blue);border-radius:0;background:#1b4fd60d;color:var(--mk-ink);font:inherit;outline:none}.bl-in::placeholder{color:#a2a6ab}.bl-in.wb-title{font-family:Permanent Marker,cursive;font-size:clamp(1.8rem,4.6vw,2.7rem);color:var(--mk-blue)}.bl-adds{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0 46px}.bl-add{padding:3px 12px;border:1.5px dashed #b9bdc2;border-radius:999px;background:none;color:#6b7076;font-family:var(--font-body)!important;font-size:.8rem!important;font-weight:700;cursor:pointer}.bl-add:hover,.bl-add:focus-visible{border-color:var(--mk-blue);color:var(--mk-blue);outline:none}.bl-add--sub{justify-self:start;margin:2px 0 2px 14px}.bl-addblock{display:flex;justify-content:center;margin-top:14px}.bl-add--block{padding:6px 18px;font-size:.86rem!important}.bl-sug{position:absolute;z-index:9;min-width:260px;margin-top:4px;padding:4px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e3e5e8,0 12px 32px #0003;font-family:var(--font-body);font-size:.86rem}.bl-sug[hidden]{display:none}.bl-sug button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:none;color:var(--mk-ink);text-align:left;cursor:pointer}.bl-sug button:first-child{background:#1b4fd614}.bl-sug button:hover{background:#1b4fd624}.bl-sug small{color:#777}.bl-sug kbd{margin-left:6px;padding:0 5px;border-radius:4px;background:#eee;color:#555;font-size:.7rem}.wb-row:has(>.bl-row),.wb-row:has(>.bl-in),.wb-row:has(>.bl-gwrap){position:relative}.bl-pop{position:absolute;z-index:10;display:grid;gap:12px;width:min(440px,calc(100% - 16px));padding:14px;border-radius:16px;background:var(--bg-2, #0d3540);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 50px #00000080;color:#fff;font-size:.9rem}.bl-pop[hidden]{display:none}.bl-pop-h{margin:0;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bl-chips{display:flex;flex-wrap:wrap;gap:6px}.bl-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:#fff;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}.bl-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bl-nums{display:flex;flex-wrap:wrap;gap:10px 18px}.bl-num{display:grid;gap:4px}.bl-num>span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.bl-num>div{display:inline-flex;align-items:center;gap:6px}.bl-num button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#ffffff0d;color:#fff;font-size:1.1rem;cursor:pointer}.bl-num b{min-width:34px;text-align:center;font-size:1.1rem;font-variant-numeric:tabular-nums}.bl-pop-note{margin:0;color:var(--muted);font-size:.8rem}.bl-pop-f{display:grid;gap:4px}.bl-pop-f span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.bl-pop-f input{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#00000038;color:#fff;font:inherit}.bl-pop-f input:focus{outline:none;border-color:var(--accent)}.bl-pop-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bl-pop-foot button{height:38px;min-width:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:none;color:#fff;font:inherit;font-weight:700;cursor:pointer}.bl-pop-foot .bl-del{border-color:#ff787866;color:#ff9b9b}.bl-pop-foot .bl-done{margin-left:auto;border:0;background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-style:italic;text-transform:uppercase}.bl-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bl-tiles button{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0000002e;color:#fff;font:inherit;text-align:left;cursor:pointer}.bl-tiles button:hover{border-color:var(--accent)}.bl-tiles b{font-family:Permanent Marker,cursive;font-weight:400;color:#ff8a80;font-size:1.05rem}.bl-tiles span{color:var(--muted);font-size:.76rem}@media(max-width:640px){.bl-pop{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-height:75vh;overflow-y:auto;border-radius:20px 20px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.bl-bar-acts{margin-left:0;width:100%}.bl-bar-acts .btn{flex:1;justify-content:center}.bl-adds{margin-left:34px}}body.bl-page.has-tabbar .bl-pop{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.wb-pen{position:sticky;top:84px;z-index:8;height:0;margin-right:calc(16px - var(--wb-pad))}.pen-fab{position:absolute;right:0;top:-14px;display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;border:0;background:#fff;color:var(--mk-ink);box-shadow:0 0 0 1px #d5d8dc,0 6px 16px #0000002e;cursor:pointer}.pen-fab:hover{box-shadow:0 0 0 1px #9aa0a6,0 6px 16px #0003}.pen-fab.is-on{background:var(--mk-ink);color:#fff}.pen-fab-dot{display:none;position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:var(--pc, var(--mk-blue));box-shadow:0 0 0 2px #fff}.pen-fab.is-on .pen-fab-dot{display:block}.pen-panel{position:absolute;right:0;top:42px;display:grid;gap:12px;width:min(304px,calc(100vw - 40px));padding:12px;border-radius:16px;background:#fff;color:var(--mk-ink);box-shadow:0 0 0 1px #e3e5e8,0 16px 40px #00000040;font-family:var(--font-body)}.pen-panel[hidden]{display:none}.pen-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pen-tools button{display:grid;justify-items:center;gap:4px;padding:8px 2px;border-radius:10px;border:1px solid #e3e5e8;background:#f6f7f8;color:#333;font:inherit;font-size:.68rem;font-weight:700;line-height:1.15;cursor:pointer}.pen-tools button[aria-pressed=true]{background:var(--mk-ink);border-color:var(--mk-ink);color:#fff}.pen-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#666;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pen-dots{display:flex;align-items:center;gap:8px}.pen-dot{width:26px;height:26px;padding:0;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 1px #d5d8dc;cursor:pointer}.pen-dot.is-on{box-shadow:0 0 0 2px var(--mk-ink)}.pen-size{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #e3e5e8;background:#fff;cursor:pointer}.pen-size i{width:var(--s);height:var(--s);border-radius:50%;background:var(--mk-ink)}.pen-size.is-on{border-color:var(--mk-ink);box-shadow:0 0 0 1px var(--mk-ink)}.pen-foot{display:flex;align-items:center;gap:6px}.pen-foot button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:10px;border:1px solid #e3e5e8;background:#fff;color:#333;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.pen-foot .pen-done{margin-left:auto;background:var(--mk-ink);border-color:var(--mk-ink);color:#fff}.pen-note{margin:0;color:#777;font-size:.72rem;line-height:1.35}.wb-pen-cv{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:14px;mix-blend-mode:multiply}.wb.is-drawing .wb-pen-cv{pointer-events:auto;cursor:crosshair;touch-action:none}.wb[data-tool=erase] .wb-pen-cv{cursor:cell}.wb.is-drawing{user-select:none;-webkit-user-select:none}@media(max-width:640px){.wb-pen{top:80px}.pen-fab{width:42px;height:42px;top:-10px}}.wo-go{display:none}.wo-tray.is-mini{display:flex;justify-content:center;width:max-content;max-width:100%;margin-inline:auto;padding:6px;border-radius:999px;gap:0}.wo-tray.is-mini>:not(.wo-go){display:none!important}.wo-tray.is-mini .wo-go{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:1.05rem;text-transform:uppercase;cursor:pointer}.wo-go svg{width:22px;height:22px}.wo-go small{font-family:var(--font-body);font-style:normal;font-weight:700;font-size:.8rem;text-transform:none;opacity:.7;font-variant-numeric:tabular-nums}.wo-go:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:760px){.wo-tray.is-mini{left:50%;right:auto;transform:translate(-50%)}body.wo-has-tray:has(.wo-tray.is-mini){padding-bottom:96px}}.wo-rate{display:grid;gap:10px;max-width:640px;margin:0 0 18px;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.wo-rate-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0}.wo-rate-avg{color:var(--muted);font-size:.88rem}.wo-rate-btns{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.wo-rate-btns button{height:42px;padding:0;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:#fff;font:inherit;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer}.wo-rate-btns button:hover{border-color:#ffffff59}.wo-rate-btns button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.wo-rate-scale{display:flex;justify-content:space-between;margin:0;color:var(--muted);font-size:.76rem}.wo-rate.is-busy{opacity:.6;pointer-events:none}.wo-rate-only{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px}@media(max-width:420px){.wo-rate{padding:14px 12px}.wo-rate-btns{gap:4px}.wo-rate-btns button{height:38px}}.wb .wb-row[role=button],.wb .wb-sub[role=button],.wb h3[role=button]{cursor:pointer}.wb .wb-row[role=button]:hover,.wb .wb-row[role=button]:focus-visible{background:#1b4fd612;outline:none}.wb .wb-sub[role=button]:hover,.wb .wb-sub[role=button]:focus-visible,.wb h3[role=button]:hover,.wb h3[role=button]:focus-visible{text-decoration:underline wavy rgba(27,79,214,.35);text-underline-offset:5px;outline:none}.wb .is-picked{background:#1b4fd61a;border-radius:6px}.wb .wb-names{font-family:Kalam,cursive;font-size:clamp(.98rem,2vw,1.15rem);font-weight:700;line-height:1.45;letter-spacing:0;text-transform:none;white-space:nowrap}.wb-row{position:relative}.wb-names--b{position:absolute;right:16px}.wb-names--s{position:absolute;right:8px}.wb-block h3:has(.wb-names--b:not(:empty)),.wb-sub:has(.wb-names--s:not(:empty)){padding-right:9em}.wb .wb-names .wb-pnote{margin-left:6px;font-size:.85em}.wb-names:empty{display:none}.wb-pnote{color:#666;font-weight:400;font-size:.85em;font-style:italic}.wb-pop{position:absolute;z-index:9;display:grid;gap:10px;width:min(360px,calc(100% - 16px));padding:14px;border-radius:16px;background:#fff;color:var(--mk-ink);box-shadow:0 0 0 1px #e3e5e8,0 16px 40px #00000040;font-family:var(--font-body);font-size:.9rem}.wb-pop-ex{display:grid;gap:2px;margin:0}.wb-pop-ex b{font-family:Kalam,cursive;font-size:1.15rem;line-height:1.3}.wb-pop-ex small{color:#d3302f;font-family:Permanent Marker,cursive;font-size:.85rem}.wb-pop-f{display:grid;gap:4px}.wb-pop-f span{color:#666;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wb-pop-f span i{color:var(--mk-blue);font-style:normal;text-transform:none;letter-spacing:0}.wb-pop-f input{height:40px;padding:0 12px;border-radius:10px;border:1px solid #d5d8dc;background:#f8f9fa;color:var(--mk-ink);font:inherit}.wb-pop-f input:focus{outline:none;border-color:var(--mk-blue);background:#fff}.wb-pop-foot{display:flex;justify-content:space-between;gap:8px}.wb-pop-foot button{height:38px;padding:0 14px;border-radius:10px;border:1px solid #d5d8dc;background:#fff;color:#333;font:inherit;font-weight:700;cursor:pointer}.wb-pop-foot .is-done{border-color:var(--mk-ink);background:var(--mk-ink);color:#fff}@media(max-width:640px){.wb-pop{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;z-index:130;width:auto;max-height:80vh;overflow-y:auto;border-radius:20px 20px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}.ix-sprite{position:absolute;width:0;height:0;overflow:hidden}.wb-ix{display:inline-block;flex:none;width:1.45em;height:1.45em;margin-right:.35em;vertical-align:-.32em;color:var(--mk-ink)}.wb-ix:empty{width:0;margin:0}.wb-ix svg{display:block;width:100%;height:100%}.wb-sub .wb-ix{width:1.15em;height:1.15em}.wb .wb-name{padding:0 8px;border-radius:999px;background:#1b4fd61f;color:var(--mk-blue)}
