:root{--font-display:"Barlow Condensed";--font-body:"Barlow";--bg:#F5F1E8;--surface:#FFFFFF;--fg:#0B0B0C;--muted:#55555B;--line:#DDD6C8;--faint:#EDE6D8;--red:#E10600;--red-ink:#FFFFFF;--brass:#0A1E5C;--brass-soft:#E6E8EF;--earned:#0A1E5C;--mark-up:#0B0B0C;--brass-on-dark:#0A1E5C;--wod-line:#DDD6C8;--wod-soft:#E6E8EF;--ok:#2F7A4C;--ok-soft:rgba(47,122,76,.10);--warn:#9A5B17;--warn-soft:rgba(154,91,23,.10);--bad:#7A2E55;--bad-soft:rgba(122,46,85,.10);--radius:14px;--radius-sm:10px}@media (prefers-color-scheme:dark){:root{--bg:#0B0B0C;--surface:#121A30;--fg:#F4F4F2;--muted:#A3A3A8;--line:#2A3150;--faint:#1B2440;--brass:#E8E1D3;--brass-soft:rgba(42,66,144,.28);--earned:#2A4290;--mark-up:#2A4290;--brass-on-dark:#E8E1D3;--wod-line:#2A3150;--wod-soft:#1B2440;--ok:#6fb287;--ok-soft:rgba(111,178,135,.14);--warn:#d49556;--warn-soft:rgba(212,149,86,.14);--bad:#d48bb0;--bad-soft:rgba(212,139,176,.14);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body),system-ui,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}h1,h2,h3{font-family:var(--font-display),Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0;text-wrap:balance}h1{font-size:clamp(30px,7vw,44px)}h2{font-size:22px}h3{font-size:17px}p{margin:0}.wrap{max-width:760px;margin:0 auto;padding-inline:16px;padding-block:20px 64px;display:flex;flex-direction:column;gap:20px}.wrap.wide{max-width:1040px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:2px solid var(--fg)}.nav-in{max-width:1040px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-family:var(--font-display),Impact,sans-serif;font-size:20px;text-transform:uppercase}.brand,.nav a.link{text-decoration:none}.nav a.link{font-weight:600;font-size:14px;color:var(--muted)}.nav a.link:hover,.nav a.link[aria-current=page]{color:var(--fg)}.nav .spacer{flex:1 1}.card{background:var(--surface);border:1.5px solid var(--fg);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.card.soft{border-color:var(--line)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.grid2{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.pill.brass{color:var(--brass);border-color:var(--brass);background:var(--brass-soft)}.pill.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.pill.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.pill.bad{color:var(--bad);border-color:var(--bad);background:var(--bad-soft)}.rx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:600}.rx li:first-child{font-weight:700}.notes{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px;display:flex;flex-direction:column;gap:3px}.target{padding:10px 12px;background:var(--brass-soft);border-left:3px solid var(--brass);font-size:14px}.result{padding:12px 14px;border-left:3px solid var(--line);background:var(--surface)}.result.success{border-color:var(--ok);background:var(--ok-soft)}.result.hold{border-color:var(--warn);background:var(--warn-soft)}.result.regress{border-color:var(--bad);background:var(--bad-soft)}label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:4px}input,select,textarea{font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1.5px solid var(--line);padding:10px;border-radius:0;width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:8px;gap:8px}.sets input{text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:18px;padding:10px 4px}.check{flex-direction:row;align-items:center;gap:10px;font-weight:500;font-size:14px}.check input{width:20px;height:20px;accent-color:var(--brass)}.btn,button{font:inherit;font-weight:700;font-size:15px;letter-spacing:.02em;padding:12px 18px;border:2px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.ghost,button.ghost{background:transparent;color:var(--fg)}button:disabled{opacity:.5;cursor:default}.tabs{display:flex;gap:0;border:1.5px solid var(--fg);width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.tabs a{padding:8px 14px;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}.tabs a[aria-current=true]{background:var(--fg);color:var(--bg)}.ladder{display:flex;gap:4px;flex-wrap:wrap}.ladder span{font-size:11px;font-weight:700;padding:4px 7px;border:1px solid var(--line);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ladder span.done{background:var(--faint);color:var(--fg)}.ladder span.now{background:var(--brass);border-color:var(--brass)}.tbl{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--faint);vertical-align:top}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}fieldset{border:1px solid var(--line);padding:12px;margin:0;display:flex;flex-direction:column;gap:8px}legend{font-weight:700;padding:0 4px}.opt,legend{font-size:14px}.opt{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;padding:6px 0}.opt input{width:18px;height:18px;margin-top:2px;accent-color:var(--brass);flex:none}.err{color:var(--bad);font-size:14px}.stack{display:flex;flex-direction:column;gap:12px}@media (prefers-reduced-motion:no-preference){button{transition:opacity .15s}}.home-head{display:flex;flex-direction:column;gap:6px}.home-head h1{font-size:clamp(34px,9vw,44px);line-height:1}.wod{background:var(--fg);color:var(--bg);padding:20px;display:flex;flex-direction:column;gap:16px}.wod .eyebrow{color:var(--brass-on-dark)}.wod h2{font-size:32px;line-height:1}.wod-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.wod-rx{list-style:none;margin:0;padding:0;border-top:1px solid var(--wod-line);counter-reset:rx}.wod-rx li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--wod-line);font-weight:700;counter-increment:rx}.wod-rx li:before{content:counter(rx);font-family:var(--font-display),Impact,sans-serif;font-weight:400;color:var(--brass-on-dark);width:16px;flex:none}.wod-target{background:var(--wod-soft);padding:12px 14px;gap:2px;font-size:14px}.wod-notes,.wod-target{display:flex;flex-direction:column}.wod-notes{margin:0;padding-left:18px;font-size:13px;opacity:.78;gap:3px}.wod .btn.go{background:var(--brass-on-dark);border-color:var(--brass-on-dark);color:#1b1d20;min-height:48px}.wod-tabs{display:flex;flex-direction:column;gap:6px}.wod-tabs .seg{display:flex;border:1.5px solid var(--wod-line);overflow-x:auto}.wod-tabs .seg a{flex:1 1;text-align:center;padding:9px 10px;text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap;color:inherit;opacity:.75;min-height:40px}.wod-tabs .seg a[aria-current=true]{background:var(--bg);color:var(--fg);opacity:1}.prog-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.prog-track{display:grid;grid-template-columns:4fr 6fr;grid-gap:8px;gap:8px}.prog-track>div{display:flex;flex-direction:column;gap:6px}.prog-track .lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}.segs{display:grid;grid-gap:3px;gap:3px}.segs span{height:10px;background:var(--faint)}.segs span.done{background:var(--fg)}.segs span.now{background:var(--brass);outline:2px solid var(--brass);outline-offset:2px}.streak{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);font-size:13.5px}.dots{display:flex;gap:6px;flex:none}.dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted);opacity:.6}.dots i.on{background:var(--ok);border-color:var(--ok);opacity:1}.strength-card{display:flex;gap:14px;align-items:center;padding:16px;border:1.5px solid var(--brass);text-decoration:none}.strength-card .ico{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--brass);color:#fff}.strength-card .txt{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.strength-card b{font-size:15px}.tomorrow{background:var(--surface);border:1.5px dashed var(--muted);padding:18px;display:flex;flex-direction:column;gap:8px}.tomorrow h2{font-size:26px;line-height:1}.lock{display:inline-flex;gap:6px;align-items:center;font-size:12px}.lock,.replay{color:var(--muted)}.replay{font-size:13px;text-align:center;background:none;border:0;padding:8px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(19,20,22,.6);display:flex;align-items:flex-end;justify-content:center}.modal{position:relative;width:100%;max-width:480px;background:var(--surface);border-top:3px solid var(--brass);padding:20px 20px 28px;display:flex;flex-direction:column;gap:18px;max-height:92vh;overflow-y:auto}@media (min-width:640px){.modal-backdrop{align-items:center}.modal{border:1.5px solid var(--fg);border-top:3px solid var(--brass)}}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-skip{background:transparent;border:0;color:var(--muted);padding:0 4px;min-height:44px;font-size:14px}.modal h2{font-size:30px;line-height:1}.tour-vis{background:#1b1d20;color:#e8e7e3;padding:22px 18px;display:flex;flex-direction:column;gap:14px;min-height:120px;justify-content:center}.tour-vis .seg-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:4px;gap:4px}.tour-vis .seg-track span{height:12px;background:#3a3d42}.tour-vis .seg-track span.done{background:#e8e7e3}.tour-vis .seg-track span.now{background:#c8a05c}.tour-vis .dots i{border-color:#6b7077}.tour-vis .dots i.on{background:#6fb287;border-color:#6fb287}.tour-vis .cap{font-size:13px;color:#b8bcc2}.tour-mark{font-family:var(--font-display),Impact,sans-serif;font-size:56px;line-height:1;color:#c8a05c;text-align:center}.mini-card{display:flex;flex-direction:column;gap:4px}.mini-card .eyebrow{color:#c8a05c}.mini-card b{font-family:var(--font-display),Impact,sans-serif;font-weight:400;font-size:26px;text-transform:uppercase;line-height:1}.mini-sets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px}.mini-sets span{border:1.5px solid #4a4e55;text-align:center;padding:8px 0;font-weight:800;font-size:18px}.pager{display:flex;gap:6px}.pager i{width:8px;height:8px;background:var(--line)}.pager i.on{width:22px;background:var(--brass)}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.skill-today{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--fg);color:var(--bg);text-decoration:none;border:2px solid var(--fg)}.skill-today .eyebrow{color:var(--brass-on-dark)}.skill-today h2{font-size:26px}.skill-today .pill{color:var(--bg);border-color:var(--wod-line)}.skill-today .small.muted{color:var(--wod-soft);opacity:.8}.skill-today .go{font-size:14px}.skill-today.done{background:var(--surface);color:var(--fg)}.skill-today.done .eyebrow{color:var(--brass)}.skill-today.done .pill{color:var(--muted);border-color:var(--line)}.add-skill{display:flex;flex-direction:column;gap:4px;padding:16px;border:1.5px dashed var(--line);text-decoration:none}.add-skill:hover{border-color:var(--fg)}.pick-tip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center;padding:14px 16px;border:1.5px solid var(--fg);background:var(--surface)}@media (max-width:520px){.pick-tip{grid-template-columns:minmax(0,1fr)}}.pick-tip-vis{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.pick-tip-vis span{padding:8px 10px;border:1.5px dashed var(--line);color:var(--muted);white-space:nowrap}.pick-tip-vis span.on{border-style:solid;border-color:var(--brass);color:var(--fg);background:var(--brass-soft)}.pick-tip-vis b{color:var(--brass);font-size:18px}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));grid-gap:10px;gap:10px}.skill-tile{display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding:14px;border:1.5px solid var(--line);background:var(--surface)}.skill-tile.active{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.skill-tile .btn,.skill-tile button{padding:8px 12px;font-size:13px}.target-line{padding:8px 10px;background:var(--brass-soft);border-left:3px solid var(--brass)}.weekbar{display:flex;flex-direction:column;gap:6px}.weekbar-head{display:flex;justify-content:space-between;gap:8px}.weekbar-head b{font-weight:800}.weekbar-track{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.weekbar-track i{height:8px;border:1px solid;opacity:.35}.weekbar-track i.on{opacity:1;border-color:transparent;background:var(--wk)}.weekbar.wk-none{--wk:#e0662f}.weekbar.wk-none .weekbar-track i{border-color:#e0662f;opacity:.9}.weekbar.wk-none .weekbar-head b{color:#e0662f}.weekbar.wk-low{--wk:#e3bc24}.weekbar.wk-good{--wk:#3fa36a}.weekbar.wk-full,.weekbar.wk-over{--wk:linear-gradient(100deg,#b88a24,#f0cf6a 55%,#c99a2e)}.weekbar.wk-full .weekbar-head b,.weekbar.wk-over .weekbar-head b{color:#d4a93c}.weekbar.wk-low .weekbar-head b{color:#d1aa16}.weekbar.wk-good .weekbar-head b{color:#3fa36a}.wod-week{margin:0}.card .weekbar.wk-low .weekbar-head b,.skill-today.done .weekbar.wk-low .weekbar-head b{color:#8f730a}.card .weekbar.wk-full .weekbar-head b,.card .weekbar.wk-over .weekbar-head b,.skill-today.done .weekbar.wk-full .weekbar-head b,.skill-today.done .weekbar.wk-over .weekbar-head b{color:#8a6516}@media (prefers-color-scheme:dark){.card .weekbar.wk-low .weekbar-head b{color:#e3bc24}.card .weekbar.wk-full .weekbar-head b,.card .weekbar.wk-over .weekbar-head b{color:#e0b54a}}h1,h2,h3{font-family:var(--font-display),"Arial Narrow",sans-serif;font-style:italic;font-weight:900;letter-spacing:0;line-height:.98}.eyebrow{font-family:var(--font-display),sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.22em}.nav{border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-style:italic;font-weight:900;font-size:22px;letter-spacing:0}.brand span{font-style:normal;font-weight:800;font-size:12px;letter-spacing:.4em;color:var(--brass)}.card{border:1px solid var(--line);border-radius:var(--radius)}.card.soft{background:transparent}.pill{border-radius:999px;padding:3px 10px;font-family:var(--font-display),sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em}.result,.target,.target-line{border-radius:8px}input,select,textarea{border-radius:8px;border-width:1px}.btn,button{border-radius:var(--radius-sm);border-width:1.5px;min-height:44px}.btn.go,button.go{background:var(--red);border-color:var(--red);color:var(--red-ink);font-family:var(--font-display),sans-serif;font-style:italic;font-weight:800;font-size:19px;letter-spacing:.08em;text-transform:uppercase;min-height:52px}.tabs{border:1px solid var(--line);overflow:hidden}.tabs,.tbl,fieldset{border-radius:var(--radius-sm)}.add-skill,.skill-tile{border-radius:var(--radius)}.pick-tip{border:1px solid var(--line);border-radius:var(--radius)}.pick-tip-vis span{border-radius:8px}.strength-card{border-radius:var(--radius);border-width:1px;border-color:var(--line);background:var(--brass-soft)}.strength-card .ico{border-radius:10px;background:var(--earned)}.tomorrow{border-radius:var(--radius);border-width:1px}.ladder span{border-radius:6px}.ladder span.done{background:var(--earned);border-color:var(--earned);color:#fff}.ladder span.now{background:var(--red);border-color:var(--red);color:#fff}.segs span{border-radius:3px}.segs span.done{background:var(--earned)}.segs span.now{background:var(--red);outline-color:var(--red)}.dots i.on{background:var(--earned);border-color:var(--earned)}.check input,.opt input{accent-color:var(--earned)}.skill-today,.wod{background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius)}.skill-today .eyebrow,.wod .eyebrow{color:var(--brass)}.wod h2{font-size:34px}.skill-today h2{font-size:30px}.wod-rx li:before{font-style:italic;font-weight:900;color:var(--red)}.wod-target{border-radius:10px}.wod-notes{opacity:1;color:var(--muted)}.wod .btn.go{background:var(--red);border-color:var(--red);color:var(--red-ink)}.wod-tabs .seg{border:1px solid var(--line);border-radius:var(--radius-sm)}.wod-tabs .seg a[aria-current=true]{background:var(--fg);color:var(--bg)}.skill-today .pill{background:transparent;color:var(--muted);border-color:var(--line)}.skill-today .small.muted{color:var(--muted);opacity:1}.skill-today .go{align-self:flex-start;background:var(--red);color:var(--red-ink);border-radius:var(--radius-sm);padding:10px 16px;font-family:var(--font-display),sans-serif;font-style:italic;font-weight:800;font-size:17px;letter-spacing:.06em;text-transform:uppercase}.skill-today.done{background:var(--faint);border-color:var(--line)}.skill-today.done .go{background:transparent;color:var(--fg);padding:0;font-size:15px}.skill-today .card-top{display:flex;align-items:center;gap:12px}@media (prefers-color-scheme:dark){.skill-today.done{background:transparent}}.weekbar.wk-low .weekbar-head b{color:#8f730a}.weekbar.wk-full .weekbar-head b,.weekbar.wk-over .weekbar-head b{color:#8a6516}.weekbar.wk-none .weekbar-head b{color:#b8461a}.weekbar-track i{border-radius:3px}@media (prefers-color-scheme:dark){.weekbar.wk-low .weekbar-head b{color:#e3bc24}.weekbar.wk-full .weekbar-head b,.weekbar.wk-over .weekbar-head b{color:#e0b54a}.weekbar.wk-none .weekbar-head b{color:#e0662f}}.modal-backdrop{background:rgba(11,11,12,.6)}.modal{border-top:0;border-radius:var(--radius) var(--radius) 0 0}@media (min-width:640px){.modal{border:1px solid var(--line);border-radius:var(--radius)}}.tour-vis{--tv:#0B0B0C;--mark-up:#2A4290;background:var(--tv);color:#F4F4F2;border-radius:12px}.tour-vis .seg-track span{background:#2A2A2E;border-radius:3px}.tour-vis .seg-track span.done{background:#2A4290}.tour-vis .seg-track span.now{background:#E10600}.tour-vis .dots i.on{background:#2A4290;border-color:#2A4290}.tour-vis .cap{color:#A3A3A8}.tour-vis .mark-wrap{display:flex;justify-content:center}.mini-card .eyebrow{color:#E8E1D3}.mini-card b{font-style:italic;font-weight:900}.mini-sets span{border:1px solid #3a3a40;border-radius:6px}.pager i{border-radius:4px}.pager i.on{background:var(--red)}@media (prefers-color-scheme:dark){.tour-vis{--tv:#121A30}}.login-mark{display:flex}.brand-word{font-weight:inherit;display:inline-flex;align-items:baseline;gap:6px}@media (max-width:520px){.brand-word{display:none}}.prog-stack{display:flex;flex-direction:column;gap:12px}.prog-card{gap:14px}.prog-card .weekbar{padding-bottom:14px;border-bottom:1px solid var(--faint)}.xcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.xcard>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:18px;cursor:pointer;min-height:76px;-webkit-tap-highlight-color:transparent}.xcard>summary::-webkit-details-marker{display:none}.xcard>summary:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:var(--radius)}.x-txt{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}.x-title{font-family:var(--font-display),"Arial Narrow",sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;font-size:30px;line-height:.98}.x-sub{font-size:14px;font-weight:600}.chev,.x-sub{color:var(--muted)}.chev{flex:none}@media (prefers-reduced-motion:no-preference){.chev{transition:transform .2s}}.xcard[open]>summary .chev{transform:rotate(180deg);color:var(--fg)}.x-body{display:flex;flex-direction:column;gap:16px;padding:16px 18px 18px;border-top:1px solid var(--line)}.x-body .replay{align-self:center}.xcard.skill{border-left:5px solid var(--red)}.xcard.skill[open]{border-color:var(--fg);border-left-color:var(--red)}.xcard.skill.done{background:var(--faint);border-left-color:var(--ok)}@media (prefers-color-scheme:dark){.xcard.skill.done{background:transparent}}.wod-block{display:flex;flex-direction:column;gap:12px}.wod-block h2{font-size:32px}.wod-block .wod-rx li{font-size:16px}.rep-label{font-family:var(--font-display),sans-serif;font-weight:800;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}.x-body .wod-tabs .seg a{color:var(--fg)}.log-in{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--brass-soft);border:1.5px solid var(--brass);border-radius:var(--radius)}.log-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.log-head .eyebrow{font-size:15px}.rep-boxes{display:flex;flex-direction:column;gap:6px}.rep-boxes .sets{margin-top:4px;grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.rep-boxes .sets label{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.big-input,.rep-boxes .sets input{background:var(--surface);border:1.5px solid var(--brass);font-size:22px;font-weight:800;min-height:56px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.big-input{max-width:200px}.log-checks{gap:6px}.log-checks,.pair{display:flex;flex-direction:column}.xcard.linked{position:relative;margin:14px 0 0 36px;border-left:5px solid var(--earned);background:var(--brass-soft)}.xcard.linked:before{content:"";position:absolute;left:-16px;top:-16px;width:16px;height:46px;border-left:3px solid var(--earned);border-bottom:3px solid var(--earned);border-bottom-left-radius:12px;pointer-events:none}.xcard.linked[open]{border-color:var(--earned)}.xcard.linked .x-title{font-size:22px}.xcard.linked .x-body{background:var(--surface);border-radius:0 0 var(--radius) var(--radius)}.link-ico{flex:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--earned);color:#fff}@media (max-width:420px){.xcard.linked{margin-left:26px}.xcard.linked:before{left:-12px;width:12px}.x-title{font-size:26px}}.str-form{gap:16px}.ex,.str-form{display:flex;flex-direction:column}.ex{gap:8px;padding-top:16px;border-top:1px solid var(--line)}.ex:first-of-type{padding-top:0;border-top:0}.ex-head{gap:12px}.ex-head,.ex-n{display:flex;align-items:center}.ex-n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--earned);color:#fff;justify-content:center;font-family:var(--font-display),sans-serif;font-style:italic;font-weight:900;font-size:17px}.ex-rx{font-weight:800;font-size:16px}.xcard>summary.has-prog{flex-direction:column;align-items:stretch;gap:16px}.x-row{align-items:center}.prog-in,.x-row{display:flex;gap:12px}.prog-in{flex-direction:column;padding-top:14px;border-top:1px solid var(--faint);font-size:15px}.prog-in .weekbar{padding-bottom:12px;border-bottom:1px solid var(--faint)}.prog-in h3{font-size:15px}.xcard.skill.done .prog-in .streak{background:var(--surface)}.wod-lines{display:flex;flex-direction:column;gap:6px;padding:2px 0 2px 14px;border-left:3px solid var(--red)}.wod-lines p{font-size:17px;font-weight:700;line-height:1.4}.x-body .wod-tabs .seg a{color:var(--muted);opacity:1}.x-body .wod-tabs .seg a[aria-current=true]{background:var(--brass-soft);color:var(--fg);font-weight:800;box-shadow:inset 0 -3px 0 var(--red)}.hc{display:flex;flex-direction:column;gap:18px}.hc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px}.hc-stats>div{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--bg);border-radius:10px}.hc-num{font-family:var(--font-display),"Arial Narrow",sans-serif;font-style:italic;font-weight:900;font-size:30px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hc-num small{font-size:16px;color:var(--muted);font-style:normal;font-weight:700}.hc-fig{margin:0;display:flex;flex-direction:column;gap:6px}.hc-fig figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.hc-fig svg{width:100%;height:auto;display:block;overflow:visible}.hc-grid{stroke:var(--faint);stroke-width:1}.hc-ax{fill:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hc-line{fill:none;stroke:var(--earned);stroke-width:2;stroke-linejoin:round}.hc-bar{fill:var(--earned)}.hc-dot{stroke:var(--surface);stroke-width:2}.o-ok{fill:var(--ok);background:var(--ok)}.o-hold{fill:var(--warn);background:var(--warn)}.o-bad{fill:var(--bad);background:var(--bad)}.o-none{fill:var(--muted);background:var(--muted)}.hc-hit{cursor:default}.hc-hit:hover .hc-dot{r:7}.hc-hit:hover .hc-bar{opacity:.8}.hc-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted)}.hc-legend span{display:inline-flex;align-items:center;gap:6px}.hc-key{width:10px;height:10px;border-radius:50%;display:inline-block}@media (prefers-color-scheme:dark){.hc-line{stroke:#6f86d6}.hc-bar{fill:#6f86d6}}.your-wod{font-size:30px;display:flex;align-items:center;gap:10px}.your-wod:before{content:"";width:6px;align-self:stretch;background:var(--red);border-radius:3px}.wod-block h2{font-size:24px;color:var(--muted)}.install-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.install-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.install-steps .cap{font-size:12.5px;line-height:1.3}.install-steps .cap b{color:#E10600;margin-right:2px}.install-ico{background:#2A2A2E;color:#F4F4F2}.install-ico,.install-nh{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.install-nh{background:#F5F1E8;--red:#E10600;--mark-up:#0B0B0C}.install-steps li:last-child .install-ico{background:transparent}.x-toggle{flex:none;display:inline-flex;align-items:center;gap:4px;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-display),sans-serif;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.x-toggle .chev{width:18px;height:18px;color:currentColor}.xcard:not([open]) .x-toggle .t-close,.xcard[open] .x-toggle .t-open{display:none}.xcard.skill:not([open]):not(.done) .x-toggle{background:var(--red);border-color:var(--red);color:var(--red-ink)}.xcard.linked:not([open]) .x-toggle{background:var(--earned);border-color:var(--earned);color:#fff}.xcard[open] .x-toggle{color:var(--fg)}@media (max-width:380px){.x-toggle{font-size:11.5px;padding-left:9px}}:root{--ease:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (prefers-reduced-motion:no-preference){@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pulse-now{0%,to{box-shadow:0 0 0 0 rgba(225,6,0,.45)}50%{box-shadow:0 0 0 5px rgba(225,6,0,0)}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes working{0%,to{opacity:1}50%{opacity:.65}}.wrap>*{animation:rise .55s var(--ease) both}.wrap>:nth-child(2){animation-delay:.05s}.wrap>:nth-child(3){animation-delay:.1s}.wrap>:nth-child(4){animation-delay:.15s}.wrap>:nth-child(5){animation-delay:.2s}.wrap>:nth-child(n+6){animation-delay:.25s}.pair{animation:rise .55s var(--ease) both}.pair:nth-of-type(2){animation-delay:.12s}.pair:nth-of-type(3){animation-delay:.24s}.xcard.linked{animation:rise .5s var(--ease) .18s both}.weekbar-track i.on{transform-origin:left;animation:grow-x .6s var(--ease) both}.weekbar-track i.on:first-child{animation-delay:.3s}.weekbar-track i.on:nth-child(2){animation-delay:.42s}.weekbar-track i.on:nth-child(3){animation-delay:.54s}.segs span.done{transform-origin:left;animation:grow-x .45s var(--ease) .35s both}.segs span.now{animation:pop .5s var(--ease-spring) .55s both,pulse-now 2.4s ease-in-out 1.2s 2}.dots i.on{animation:pop .4s var(--ease-spring) both}.dots i.on:first-child{animation-delay:.5s}.dots i.on:nth-child(2){animation-delay:.6s}.dots i.on:nth-child(3){animation-delay:.7s}.chev{transition:transform .35s var(--ease),color .2s}.xcard.closing>summary .chev{transform:none}.xcard>summary{transition:background-color .2s}.xcard>summary:active{background-color:var(--faint)}.x-toggle{transition:background-color .25s,color .25s,border-color .25s,transform .15s var(--ease)}.xcard>summary:active .x-toggle{transform:scale(.96)}.xcard{transition:border-color .3s,box-shadow .3s}.xcard[open]{box-shadow:0 10px 30px -18px rgba(11,11,12,.35)}.xcard[open] .x-body>*{animation:rise .45s var(--ease) both}.xcard[open] .x-body>:nth-child(2){animation-delay:.06s}.xcard[open] .x-body>:nth-child(3){animation-delay:.12s}.xcard[open] .x-body>:nth-child(n+4){animation-delay:.18s}.btn,.seg a,.tabs a,button{transition:transform .15s var(--ease),background-color .2s,color .2s,opacity .2s,box-shadow .2s}.btn:active,.seg a:active,.tabs a:active,button:active:not(:disabled){transform:scale(.97)}.btn.go:hover,button.go:hover:not(:disabled){box-shadow:0 6px 18px -8px rgba(225,6,0,.6)}input,select,textarea{transition:border-color .2s,box-shadow .2s,background-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--earned);box-shadow:0 0 0 3px var(--brass-soft)}button.go.working{animation:working 1s ease-in-out infinite;pointer-events:none}.err,.result{animation:slide-in .5s var(--ease) .15s both}.modal-backdrop{animation:fade .3s ease both}.modal{animation:sheet-up .45s var(--ease) both}.tour-step{display:flex;flex-direction:column;gap:18px;animation:slide-in .4s var(--ease) both}.pager i{transition:width .35s var(--ease),background-color .3s}.install-steps li{animation:rise .45s var(--ease) both}.install-steps li:nth-child(2){animation-delay:.1s}.install-steps li:nth-child(3){animation-delay:.2s}.hc-line{stroke-dasharray:1;animation:draw 1.1s var(--ease) .2s both}.hc-dot{transform-origin:center;animation:pop .4s var(--ease-spring) both;animation-delay:calc(.25s + var(--i, 0) * .06s)}.hc-bar,.hc-dot{transform-box:fill-box}.hc-bar{transform-origin:bottom;animation:grow-y .6s var(--ease) both;animation-delay:calc(.2s + var(--i, 0) * .04s)}.hc-stats>div{animation:rise .5s var(--ease) both}.hc-stats>div:nth-child(2){animation-delay:.06s}.hc-stats>div:nth-child(3){animation-delay:.12s}.hc-stats>div:nth-child(4){animation-delay:.18s}.hc-dot{transition:r .15s}.add-skill,.skill-tile{transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}.add-skill:hover,.skill-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px -14px rgba(11,11,12,.35)}.nav a.link{position:relative;transition:color .2s}.nav a.link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav a.link[aria-current=page]:after{transform:scaleX(1)}}.x-row,.xcard.linked>summary{flex-wrap:wrap}.x-row .x-txt{flex:1 1 190px}.xcard.linked .x-txt{flex:1 1 200px}.x-toggle{margin-left:auto}@media (max-width:440px){.xcard.linked .link-ico{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:2px}@media (max-width:520px){.nav-in{gap:12px}.nav a.link{font-size:13.5px}.nav form button{padding:6px 8px!important;font-size:12px!important;min-height:36px}}.pill.faded{opacity:.55}.avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--earned);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display),sans-serif;font-style:italic;font-weight:900;font-size:18px}.avatar.lg{width:60px;height:60px;font-size:28px}.roster-search{display:flex;gap:8px}.roster-search input{flex:1 1}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-gap:12px;gap:12px}.roster-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.roster-card.attn{border-left:5px solid var(--red)}.roster-top{display:flex;gap:12px;align-items:center}.roster-id{flex:1 1;min-width:0;display:flex;flex-direction:column}.roster-id b,.roster-id span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-badges{align-items:flex-end;gap:4px}.inbox,.roster-badges{display:flex;flex-direction:column}.inbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.inbox-row{display:flex;gap:12px;align-items:center;padding:14px 16px;text-decoration:none;border-bottom:1px solid var(--faint)}.inbox-row:last-child{border-bottom:0}.inbox-row.unread{background:var(--brass-soft)}.inbox-row.unread b{font-weight:800}.inbox-txt{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.inbox-prev{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row.unread .inbox-prev{color:var(--fg)}.ath-head{display:flex;gap:16px;align-items:center}.ath-jump{gap:8px}.ath-jump a{text-decoration:none}.chat{gap:12px}.chat,.chat-log{display:flex;flex-direction:column}.chat-log{gap:4px;max-height:min(60vh,560px);overflow-y:auto;padding:4px 2px;overscroll-behavior:contain}.chat-wrap .chat-log{max-height:none;min-height:30vh}.chat-empty{text-align:center;padding:28px 12px;font-size:14px}.msg{display:flex;flex-direction:column;max-width:82%}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}.msg-time{align-self:center;font-size:11.5px;color:var(--muted);margin:10px 0 4px}.msg.mine .msg-time,.msg.theirs .msg-time{position:relative;left:0}.bubble{padding:10px 14px;border-radius:18px;font-size:15.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--earned);color:#fff;border-bottom-right-radius:6px}.msg.theirs .bubble{background:var(--faint);color:var(--fg);border-bottom-left-radius:6px}.msg.sending .bubble{opacity:.6}.msg-seen{font-size:11.5px;color:var(--muted);margin-top:3px}.chat-box{display:flex;gap:8px;align-items:flex-end;position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.card .chat-box{background:var(--surface)}.chat-box textarea{flex:1 1;resize:none;min-height:48px;max-height:160px;border-radius:22px;padding:12px 16px}.chat-box button.go{min-height:48px;font-size:16px;padding:0 18px;border-radius:22px}@media (prefers-color-scheme:dark){.msg.mine .bubble{background:#2A4290}}@media (prefers-reduced-motion:no-preference){@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.msg{animation:bubble-in .35s var(--ease) both}.inbox-row,.roster-card{transition:transform .2s var(--ease),box-shadow .2s,background-color .2s}.roster-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px -14px rgba(11,11,12,.35)}.inbox-row:hover{background:var(--faint)}.badge{animation:pop .4s var(--ease-spring) .3s both}}.card .chat-box{position:static;padding-bottom:0}.chat-wrap .chat-log{overflow:visible}.push{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.push.banner{border-color:var(--earned);background:var(--brass-soft)}.push.is-on .push-ico{background:var(--ok)}.push-ico{flex:none;width:36px;height:36px;border-radius:10px;background:var(--earned);color:#fff;display:flex;align-items:center;justify-content:center}.push-txt{flex:1 1;min-width:0}.push-btn{flex:none;min-height:40px;padding:8px 14px;font-size:14px;background:var(--red);border-color:var(--red);color:#fff}.push-btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}.push-x{flex:none;background:transparent;border:0;color:var(--muted);font-size:22px;min-height:40px;padding:0 6px}@media (prefers-reduced-motion:no-preference){@keyframes ring{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}}.push.banner .push-ico svg{animation:ring 1.1s ease-in-out .8s 2;transform-origin:50% 10%}}.skel{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.skel-line{height:12px;border-radius:6px}.skel-title{height:34px;width:62%;border-radius:8px}.skel-card{width:100%}@media (prefers-reduced-motion:no-preference){.skel{animation:skel-pulse 1.1s ease-in-out infinite alternate}@keyframes skel-pulse{0%{opacity:.55}to{opacity:1}}}.nudge{border-color:var(--warn)}.setup-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.setup-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;color:var(--muted)}.setup-steps li span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);font-weight:700;font-size:12px}.setup-steps li.done{color:var(--fg)}.setup-steps li.done span{background:var(--ok);border-color:var(--ok);color:#fff}.setup-steps li.now{color:var(--fg);font-weight:700}.setup-steps li.now span{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.setup-line{color:var(--warn)}.setup-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--warn);background:var(--warn-soft);border-radius:var(--radius);color:var(--fg);text-decoration:none}.setup-banner .stack{flex:1 1;min-width:0}.setup-go{font-size:22px;font-weight:700;color:var(--warn)}.ath-head .eyebrow,.ath-head h1{overflow-wrap:anywhere}.cb{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.cb>*{pointer-events:auto}.cb-btn{position:relative;width:58px;height:58px;padding:0;border-radius:50%;border:0;background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22)}.cb-btn:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.cb-badge{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--fg);color:var(--bg);font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.cb-panel{width:min(380px,calc(100vw - 32px));height:min(540px,calc(100dvh - 120px));display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--fg);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.25);overflow:hidden}.cb-head{justify-content:space-between;padding:12px 12px 12px 14px;background:var(--fg);color:var(--bg)}.cb-head,.cb-who{display:flex;align-items:center;gap:10px}.cb-who{min-width:0}.cb-who b{display:block;font-family:var(--font-display),Impact,sans-serif;font-size:20px;text-transform:uppercase;line-height:1}.cb-sub{display:block;font-size:12.5px;opacity:.75;margin-top:3px}.cb-avatar{width:34px;height:34px;border-radius:50%;background:var(--surface);display:grid;place-items:center;flex:none}button.cb-min{width:40px;height:40px;padding:0;border-radius:50%;border:0;background:transparent;color:inherit}button.cb-min:hover{background:rgba(255,255,255,.12)}.cb-log{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:4px}.cb-empty{margin:auto 8px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}.cb-box{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--line);background:var(--surface)}.cb-box textarea{flex:1 1;resize:none;max-height:120px;padding:11px 14px}.cb-box button.go,.cb-box textarea{min-height:44px;border-radius:22px;font-size:16px}.cb-box button.go{padding:0 16px}.cb-err{padding:0 12px 10px}@media (max-width:520px){.cb-open{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom))}.cb-open .cb-panel{width:100%;height:min(560px,calc(100dvh - 96px))}}@media (prefers-reduced-motion:no-preference){.cb-panel{animation:cb-in .22s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom right}@keyframes cb-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}}body:has(.cb) main.wrap{padding-bottom:96px}.demo-controls{gap:0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));grid-gap:12px;gap:12px}.demo-modes{justify-content:space-between}.demo-steps{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.demo-chip{flex:none;padding:7px 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap}.demo-chip.alt{border-style:dashed}.demo-chip.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}.demo-variant{display:flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow-x:auto}.demo-variant a{flex:1 1;text-align:center;padding:8px 10px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}.demo-variant a[aria-current=true]{background:var(--fg);color:var(--bg)}.demo-pager{display:flex;justify-content:space-between;align-items:center;gap:10px}.demo-pager .btn{min-height:48px}.demo-pager.floating{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;width:min(480px,calc(100vw - 24px));padding:8px;border-radius:16px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);opacity:.35;transition:opacity .2s}.demo-pager.floating:focus-within,.demo-pager.floating:hover{opacity:1}.demo-exit{font-size:13px;font-weight:700;color:var(--muted)}.demo-clean{padding-top:28px;padding-bottom:110px}.demo-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:50;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,.2)}.wl-tools{display:flex;flex-direction:column;gap:12px}.demo-pager:not(.floating){max-width:760px;width:100%;margin:0 auto;padding:0 16px 40px}.typed textarea{font-size:18px;font-weight:600;min-height:64px;resize:vertical;border-radius:10px}.typed-meter{height:8px;background:var(--faint);border-radius:4px;overflow:hidden}.typed-meter span{display:block;height:100%;background:var(--fg);border-radius:4px;transition:width .25s cubic-bezier(.22,1,.36,1)}.typed-meter span.pass{background:var(--ok)}.typed-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--muted)}.typed-sum b{font-family:var(--font-display),Impact,sans-serif;font-size:26px;color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.typed-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.typed-chips li{min-width:34px;height:34px;padding:0 8px;display:grid;place-items:center;border-radius:8px;background:var(--surface);border:1.5px solid var(--fg);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.typed-chips li.short{border-color:var(--red);color:var(--red);border-style:dashed}.typed-chips li.big{background:var(--fg);color:var(--bg)}.typed-warn{color:var(--warn);font-weight:600}.typed-verdict{font-weight:700;font-size:15px;padding:10px 12px;border-radius:10px;background:var(--faint)}.typed-verdict.pass{background:var(--ok-soft);color:var(--ok)}.typed-verdict.not{background:var(--warn-soft);color:var(--warn)}