:root{--sp-gold:#f2b632;--sp-ink:#141413;--sp-paper:#f5f4ed;--sp-rule:color-mix(in oklab, var(--sp-paper) 15%, transparent)}.sp-box{border:1px solid color-mix(in oklab, var(--sp-gold) 45%, transparent);background:color-mix(in oklab, var(--sp-gold) 3%, var(--sp-ink));padding:24px 20px}@media (min-width:768px){.sp-box{padding:32px}}.sp-h2{letter-spacing:-.02em;color:var(--sp-paper);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.sp-p{color:color-mix(in oklab, var(--sp-paper) 80%, transparent);margin:0 0 1rem;font-size:16px;line-height:1.65}.sp-mono{font-family:var(--font-jetbrains-mono), ui-monospace, monospace}.sp-btn{border:1px solid color-mix(in oklab, var(--sp-paper) 30%, transparent);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--sp-paper);cursor:pointer;background:0 0;padding:7px 12px;font-size:12px}.sp-btn:hover{border-color:var(--sp-gold);color:var(--sp-gold)}.sp-btn[aria-pressed=true]{border-color:var(--sp-gold);background:color-mix(in oklab, var(--sp-gold) 14%, transparent);color:var(--sp-gold)}.sp-sliders{gap:16px;margin:1.25rem 0;display:grid}@media (min-width:700px){.sp-sliders{grid-template-columns:1fr 1fr;gap:28px}}.sp-slider{color:color-mix(in oklab, var(--sp-paper) 85%, transparent);gap:6px;font-size:15px;display:grid}.sp-slider-row{justify-content:space-between;display:flex}.sp-slider output{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--sp-gold)}.sp-slider input{width:100%;accent-color:var(--sp-gold)}.sp-bars{gap:14px;margin-top:.5rem;display:grid}.sp-bar-label{color:color-mix(in oklab, var(--sp-paper) 80%, transparent);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px;display:flex}.sp-bar-label strong{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--sp-paper);white-space:nowrap;font-weight:500}.sp-bar-track{background:color-mix(in oklab, var(--sp-paper) 7%, var(--sp-ink));height:18px}.sp-bar-fill{min-width:2px;height:100%;transition:width .5s}.sp-bar-fill-many{background:color-mix(in oklab, var(--sp-paper) 45%, var(--sp-ink))}.sp-bar-fill-one{background:var(--sp-gold)}.sp-saved{color:color-mix(in oklab, var(--sp-paper) 75%, transparent);margin:1.25rem 0 0;font-size:15px}.sp-saved strong{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--sp-gold);font-size:36px;font-weight:500}.sp-rule{border-left:2px solid var(--sp-gold);color:var(--sp-paper);margin:1.25rem 0 0;padding-left:14px;font-size:16px;line-height:1.6}.sp-gantt-frame{margin-top:1rem;overflow-x:auto}.sp-gantt{width:100%;min-width:560px;height:auto;display:block}.sp-gantt text{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;fill:var(--sp-paper)}.sp-g-name{font-size:13px}.sp-g-axis{font-size:11px;fill:color-mix(in oklab, var(--sp-paper) 50%, transparent)!important}.sp-g-grid{stroke:var(--sp-rule)}.sp-g-move{transition:transform .9s cubic-bezier(.3,.7,.2,1)}.sp-g-bar{fill:color-mix(in oklab, var(--sp-paper) 40%, var(--sp-ink));transition:fill .5s}.sp-g-bar.is-crit{fill:var(--sp-gold)}.sp-g-slack{fill:none;stroke:color-mix(in oklab, var(--sp-paper) 45%, transparent);stroke-dasharray:4 4;transition:opacity .5s}.sp-g-min{font-size:11px;font-weight:600;fill:var(--sp-ink)!important}.sp-g-finish line{stroke:var(--sp-gold);stroke-width:2px}.sp-g-finish text{font-size:13px;font-weight:600;fill:var(--sp-gold)!important}.sp-modes{flex-wrap:wrap;gap:8px;display:flex}.sp-legend{color:color-mix(in oklab, var(--sp-paper) 70%, transparent);flex-wrap:wrap;gap:8px 20px;margin-top:10px;font-size:13px;display:flex}.sp-swatch{vertical-align:middle;width:14px;height:10px;margin-right:6px;display:inline-block}@media (prefers-reduced-motion:reduce){.sp-bar-fill,.sp-g-move,.sp-g-bar,.sp-g-slack{transition:none!important}}