.playground-hero{background:var(--ink);color:var(--paper-bright);border-bottom:8px solid var(--signal);padding:clamp(3rem,6vw,5rem) 0}.playground-intro{grid-template-columns:1fr 245px;align-items:end;gap:3rem;display:grid}.playground-hero .eyebrow{color:var(--signal)}.playground-hero h1{font-size:clamp(4rem,7.8vw,7.1rem)}.playground-hero h1 span{color:var(--signal)}.playground-intro-note{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.playground-intro-note p{color:#bdc2bc;margin:0;font-size:.95rem}.playground-section{padding-top:2.5rem}.playground-app [hidden],.playground-app[hidden]{display:none!important}.playground-toolbar{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.25rem;display:flex}.playground-tabs{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.playground-tabs button{border:2px solid var(--ink);color:var(--ink);background:var(--paper-bright);box-shadow:3px 3px 0 var(--ink);font:900 1.6rem/1 var(--display);text-align:left;text-transform:uppercase;cursor:pointer;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem 1.25rem;display:grid}.playground-tabs button span{font:750 .6rem/1.5 var(--body);letter-spacing:.12em;grid-column:1/-1}.playground-tabs button b{font-family:var(--body);font-size:1.5rem;font-weight:500}.playground-tabs button[aria-selected=true]{background:var(--signal)}.playground-tabs button:hover{background:#e8e5d3}.playground-tabs button[aria-selected=true]:hover{background:#e4ce00}.playground-tool{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.playground-controls,.playground-output{min-width:0;padding:clamp(1.5rem,3.3vw,3rem)}.playground-controls{background:var(--paper-bright)}.playground-controls h2{margin-bottom:1.8rem;font-size:clamp(2.8rem,4.8vw,4rem)}.playground-field{border:0;min-width:0;margin:0 0 1.25rem;padding:0;font-size:.8rem;font-weight:750;display:block}.playground-field legend{margin-bottom:.5rem;padding:0}.playground-field input[type=number],.playground-field select{background:var(--paper-bright);width:100%;min-width:0;min-height:52px;color:var(--ink);border:1px solid #828577;border-radius:0;margin-top:.5rem;padding:.65rem .75rem;font-size:1.05rem;font-weight:650;display:block}.playground-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23171b1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2.5rem}.playground-field input[aria-invalid=true]{border-color:#a62b24;outline-color:#a62b24}.playground-app :focus-visible{outline-color:var(--olive)}.playground-output :focus-visible{outline-color:var(--signal)}.playground-segmented{border:1px solid var(--ink);display:flex}.playground-segmented label{cursor:pointer;flex:1;position:relative}.playground-segmented label+label{border-left:1px solid var(--ink)}.playground-segmented input,.plate-choices input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.playground-segmented span{justify-content:center;align-items:center;min-height:46px;padding:.65rem .5rem;font-size:.78rem;display:flex}.playground-segmented input:checked+span{background:var(--ink);color:var(--paper-bright)}.playground-segmented input:focus-visible+span,.plate-choices input:focus-visible+span{outline:3px solid var(--olive);outline-offset:3px;z-index:1;position:relative}.playground-input-row{grid-template-columns:1.25fr 1fr;gap:1rem;display:grid}.input-with-unit{display:block;position:relative}.input-with-unit input[type=number]{padding-right:3.2rem;font-size:1.3rem}.input-with-unit>span{color:var(--muted);pointer-events:none;font-weight:500;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.playground-presets{flex-wrap:wrap;gap:.5rem;margin:-.5rem 0 1.75rem;display:flex}.playground-presets button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;padding:.45rem .85rem;font-size:.75rem;font-weight:700}.playground-presets button:hover{border-color:var(--ink);background:var(--signal)}.plate-options{border-block:1px solid var(--line);padding:.2rem 0}.plate-options summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;font-size:.8rem;font-weight:750;list-style:none;display:flex}.plate-options summary::-webkit-details-marker{display:none}.plate-options summary span{font-size:1.25rem;font-weight:400}.plate-options[open] summary span{transform:rotate(45deg)}.plate-options p,.tool-footnote{color:var(--muted);font-size:.7rem;line-height:1.65}.plate-options p{margin:.6rem 0 .9rem}.plate-options .playground-field{margin:.65rem 0}.plate-choices{flex-wrap:wrap;gap:.5rem;display:flex}.plate-choices label{cursor:pointer;position:relative}.plate-choices span{border:1px solid var(--line);min-height:44px;color:var(--muted);padding:.6rem .7rem;font-size:.75rem;display:block}.plate-choices input:checked+span{background:var(--signal);border-color:var(--ink);color:var(--ink)}.plate-choices input:checked+span:before{content:"✓ "}.tool-error{color:#8a201b;background:#fbe9e3;border-left:3px solid #a62b24;padding:.8rem 1rem;font-size:.8rem}.playground-output{background:var(--ink);color:var(--paper-bright);flex-direction:column;justify-content:center;display:flex}.output-topline{letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:.65rem;font-weight:750;display:flex}.output-badge{color:#d4dfab;letter-spacing:.02em;white-space:nowrap;border:1px solid #858b6c;padding:.35rem .5rem;font-size:.6rem}.output-badge[data-exact=false]{color:var(--signal);border-color:var(--signal)}.output-number{font-family:var(--display);font-variant-numeric:tabular-nums;align-items:baseline;gap:.6rem;margin:1.2rem 0 0;line-height:.9;display:flex}.output-number strong{color:var(--signal);letter-spacing:-.025em;font-size:clamp(5.5rem,9vw,9rem);font-weight:900}.output-number>span{text-transform:uppercase;font-size:2rem}.output-caption{color:#b8c0b7;font-size:.8rem}.barbell{isolation:isolate;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:22px 22px;justify-content:center;align-items:center;height:175px;margin:1.5rem 0;display:flex;position:relative}.barbell:before{content:"";z-index:-1;background:linear-gradient(#ced0c6,#72756d);height:10px;position:absolute;left:0;right:0}.barbell-grip{background:repeating-linear-gradient(60deg,#63675d,#63675d 2px,#969b8c 2px 4px);border-inline:4px solid #b8bbb0;flex:0 0 52px;height:13px;margin-inline:8px}.barbell-stack{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.barbell-left{flex-direction:row-reverse}.barbell-plate{min-width:8px;height:var(--plate-height);background:var(--plate-color);color:var(--ink);writing-mode:vertical-rl;font:900 .9rem/1 var(--display);border:1px solid #ffffff48;border-radius:4px;flex:0 29px;justify-content:center;align-items:center;display:flex;box-shadow:inset 3px 0 #ffffff2b,3px 3px #0000003d}.barbell-extra{font:700 .7rem/1 var(--display);background:var(--ink);color:#fff;padding:.4rem .2rem}.plate-recipe{border-top:1px solid #ffffff30;padding-top:1.25rem}.plate-recipe h3,.splits-heading h3{font:750 .7rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.1em}.plate-recipe ul{flex-wrap:wrap;gap:.6rem;margin:.85rem 0;padding:0;list-style:none;display:flex}.plate-recipe li{border:1px solid #ffffff40;padding:.5rem .85rem;font-size:1rem;font-weight:750}.plate-recipe li span{color:#b8c0b7;font-size:.7rem;font-weight:400}.plate-recipe>p{color:var(--signal);margin-bottom:.5rem;font-size:.8rem}.playground-output .tool-footnote{color:#a4aea4;margin-bottom:0}.output-empty{font:900 2.6rem/1.1 var(--display);margin:0}.output-empty span{color:#a4aea4}.time-inputs{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:.5rem;display:grid}.time-inputs label{min-width:0}.time-inputs input[type=number]{text-align:center;margin:0;padding-inline:.25rem;font-size:1.35rem}.time-inputs label>span{color:var(--muted);text-align:center;margin-top:.4rem;font-size:.65rem;font-weight:500;display:block}.time-colon{align-self:start;padding-top:.55rem;font-size:1.3rem}.pace-time-inputs{grid-template-columns:1fr auto 1fr 1.25fr}.pace-time-inputs select{margin:0}.pace-output{justify-content:flex-start}.track-mark{width:65px;height:29px;box-shadow:inset 0 0 0 4px var(--ink), inset 0 0 0 5px #a6ad94;border:1px solid #a6ad94;border-radius:50px;position:relative}.track-mark i{background:var(--signal);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:34px}.race-finish strong{font-size:clamp(4.25rem,7.5vw,7.2rem)}.race-finish[data-long=true] strong{font-size:clamp(3.2rem,6vw,5.6rem)}.pace-metrics{border-block:1px solid #ffffff30;grid-template-columns:1fr 1fr;margin:1.5rem 0;display:grid}.pace-metrics>div{padding:1rem 0}.pace-metrics>div+div{border-left:1px solid #ffffff30;padding-left:1.5rem}.pace-metrics dt{color:#b8c0b7;text-transform:uppercase;letter-spacing:.09em;font-size:.65rem}.pace-metrics dd{font:900 2.6rem/1 var(--display);font-variant-numeric:tabular-nums;margin:.5rem 0 0}.pace-metrics[data-long=true] dd{font-size:clamp(1.25rem,3vw,2rem)}.splits-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.splits-heading select{background:var(--ink);min-height:44px;color:var(--paper-bright);color-scheme:dark;border:1px solid #697264;border-radius:0;padding:.5rem .3rem;font-size:.7rem}.splits-scroll{scrollbar-color:#737c65 var(--ink);scrollbar-width:thin;max-height:244px;overflow:auto}.splits-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.75rem}.splits-table th,.splits-table td{text-align:left;border-bottom:1px solid #ffffff20;padding:.65rem .25rem}.splits-table th:last-child,.splits-table td:last-child{text-align:right}.splits-table thead th{background:var(--ink);color:#a4aea4;font-size:.65rem;font-weight:500;position:sticky;top:0}.splits-table tbody th{font-weight:500}.splits-table tr:last-child{color:var(--signal)}.splits-table tr:last-child th{font-weight:750}.max-output{justify-content:flex-start}.max-value[data-long=true] strong{font-size:clamp(2.5rem,6vw,5.5rem)}.max-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.75rem;display:flex}.max-summary p{margin:0}.max-action{min-height:44px;color:var(--paper-bright);font:750 .7rem/1.2 var(--body);cursor:pointer;background:0 0;border:1px solid #ffffff65;padding:.6rem .8rem}.max-action:hover:enabled{background:var(--signal);color:var(--ink);border-color:var(--signal)}.max-action:disabled,.max-load-weight:disabled{opacity:.45;cursor:not-allowed}.max-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:1.5rem;font-size:.85rem}.max-table th,.max-table td{text-align:left;border-bottom:1px solid #ffffff30;padding:.8rem .25rem}.max-table tbody th,.max-table tbody td{padding-block:.25rem}.max-table th:not(:first-child),.max-table td{text-align:right}.max-table tr>:first-child{padding-left:0}.max-table tr>:last-child{padding-right:0}.max-table thead th{color:#b8c0b7;text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;font-weight:500}.max-table tbody th{font-weight:500}.max-table td{color:var(--signal);font-weight:750}.max-static-label{color:#b8c0b7;white-space:nowrap;margin-top:.3rem;font-size:.6rem;font-weight:500;display:block}.max-load-weight{min-height:44px;color:var(--signal);font:inherit;text-align:right;text-underline-offset:.2rem;cursor:pointer;background:0 0;border:0;padding:.35rem 0 .35rem .25rem;font-weight:750;text-decoration:underline}.max-load-weight:hover:enabled{color:var(--paper-bright)}.max-target{border-block:1px solid #ffffff30;margin-top:1.5rem}.max-target summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;font-size:.85rem;font-weight:750;list-style:none;display:flex}.max-target summary::-webkit-details-marker{display:none}.max-target[open] summary span{transform:rotate(45deg)}.max-target form{padding:1rem 0}.max-target .playground-field{margin-bottom:1rem}.max-target-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.max-target-result p{margin:0}.max-target-result .output-caption{margin-top:.5rem}.max-target-reps{align-items:baseline;gap:.75rem;font-size:.8rem;display:flex}.max-target-reps strong{color:var(--signal);font:900 2rem/1 var(--display)}.playground-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.playground-field select{appearance:auto;background-image:none;padding-right:.75rem}}@media (width<=850px){.playground-intro{grid-template-columns:1fr;gap:1.5rem}.playground-intro-note{flex-direction:row;align-items:center}.playground-intro-note p{max-width:450px}.playground-tool{grid-template-columns:1fr 1fr}.playground-controls,.playground-output{padding:1.5rem}.playground-input-row{gap:.65rem}.race-finish strong{font-size:4.25rem}.race-finish[data-long=true] strong{font-size:3.2rem}}@media (width<=680px){.playground-tool{box-shadow:4px 4px 0 var(--line);grid-template-columns:1fr}.playground-controls,.playground-output{padding:1.5rem}.playground-output{min-height:420px}.playground-hero h1{font-size:clamp(3.1rem,12.5vw,5.1rem)}.playground-hero .eyebrow{font-size:.58rem}.playground-intro-note p{font-size:.8rem}.playground-tabs{gap:.5rem}.playground-tabs button{grid-template-columns:1fr;gap:.25rem;padding:.75rem .5rem;font-size:1.2rem}.playground-tabs button span{letter-spacing:.05em;font-size:.48rem}.playground-tabs button b{display:none}.playground-controls h2{font-size:3rem}.playground-output .output-number strong{font-size:clamp(5rem,17vw,7rem)}.playground-output .race-finish strong{font-size:clamp(3.8rem,14vw,6.5rem)}.playground-output .race-finish[data-long=true] strong{font-size:clamp(3rem,11vw,5rem)}.max-output .max-value[data-long=true] strong{font-size:clamp(2.5rem,12vw,4.5rem)}}