.abl-page{--abl-cool:#63b7d8;--abl-warm:#f0a348;--abl-hot:#e4675f;--abl-base:color-mix(in srgb, var(--muted) 55%, transparent);width:min(880px,100% - 32px);margin:0 auto;padding-bottom:clamp(40px,7vw,72px)}.abl-page *,.abl-page :before,.abl-page :after{box-sizing:border-box}.abl-page h1,.abl-page h2,.abl-page p{margin:0}.abl-page button{font:inherit}.abl-hero{background:radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--abl-cool) 26%, transparent) 0 6%, transparent 6.4%), linear-gradient(140deg, color-mix(in srgb, var(--surface-2) 88%, var(--abl-cool)), var(--surface));padding:clamp(22px,4vw,32px) clamp(22px,6vw,52px);position:relative;overflow:hidden}.abl-kicker{color:var(--abl-cool);font:850 .68rem/1.3 var(--font-geist-mono), monospace;letter-spacing:.13em}.abl-hero h1{max-width:680px;color:var(--foreground);letter-spacing:-.055em;word-break:keep-all;margin-top:10px;font-size:clamp(32px,4.8vw,45px);line-height:1.06}.abl-answer{max-width:620px;color:var(--muted);word-break:keep-all;gap:4px;margin-top:16px;font-size:clamp(.83rem,1.6vw,.97rem);line-height:1.65;display:grid}.abl-answer b{color:var(--foreground);font-size:1.06em}.abl-lab{gap:clamp(18px,3vw,24px);margin-top:16px;padding:clamp(20px,3.6vw,30px);display:grid}@media (min-width:760px){.abl-lab{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}.abl-controls{grid-area:1/1}.abl-result{grid-area:1/2}.abl-details{grid-area:2/1/auto/-1}.abl-footer{grid-area:3/1/auto/-1}}.abl-controls{gap:18px;display:grid}.abl-season{flex-wrap:wrap;gap:6px;display:flex}.abl-season button{color:var(--muted);background:var(--surface-2);border:var(--pixel) solid var(--border-strong);cursor:pointer;padding:6px 12px;font-size:.76rem;transition:color .12s,border-color .12s}.abl-season button.is-active{color:var(--foreground);border-color:var(--abl-cool)}.abl-field{gap:9px;display:grid}.abl-label{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.82rem;display:flex}.abl-label b{color:var(--foreground);letter-spacing:-.02em;font-size:1.18rem}.abl-hint{color:var(--muted);font-size:.74rem}.abl-caution{color:var(--foreground-soft);word-break:keep-all;background:color-mix(in srgb, var(--abl-warm) 11%, transparent);border-left:3px solid color-mix(in srgb, var(--abl-warm) 55%, transparent);padding:7px 10px;font-size:.72rem;line-height:1.6}.abl-units{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.abl-units button{color:var(--muted);text-align:center;background:var(--surface-2);border:var(--pixel) solid var(--border-strong);cursor:pointer;gap:2px;padding:11px 4px;transition:color .12s,border-color .12s,transform 80ms steps(2,end);display:grid}.abl-units button strong{color:var(--foreground-soft);font-size:.92rem}.abl-units button small{font-size:.72rem}.abl-units button.is-active{border-color:var(--abl-cool);transform:translate(-1px,-1px)}.abl-units button.is-active strong{color:var(--abl-cool)}.abl-field input[type=range]{cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0}.abl-field input[type=range]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.abl-field input[type=range]::-webkit-slider-runnable-track{background:var(--surface-2);border:var(--pixel) solid var(--border-strong);height:8px}.abl-field input[type=range]::-moz-range-track{background:var(--surface-2);border:var(--pixel) solid var(--border-strong);height:8px}.abl-field input[type=range]::-webkit-slider-thumb{background:var(--abl-cool);border:var(--pixel) solid var(--foreground);appearance:none;width:18px;height:22px;margin-top:-9px}.abl-field input[type=range]::-moz-range-thumb{background:var(--abl-cool);border:var(--pixel) solid var(--foreground);border-radius:0;width:18px;height:22px}.abl-result{text-align:center;background:var(--surface-2);border:var(--pixel) solid var(--border-strong);justify-items:center;gap:10px;padding:clamp(18px,3.4vw,26px) clamp(14px,3vw,24px);display:grid}.abl-result-label{color:var(--muted);font-size:.8rem}.abl-delta{color:var(--abl-warm);letter-spacing:-.05em;white-space:nowrap;font-size:clamp(2.4rem,9vw,4rem);line-height:1}.abl-delta span{letter-spacing:0;margin-left:4px;font-size:.38em}.abl-total{color:var(--muted);font-size:clamp(.82rem,2.4vw,.95rem)}.abl-total b{color:var(--foreground)}.abl-total i{padding:0 4px;font-style:normal}.abl-bar{width:100%;margin-top:12px;padding-bottom:20px;position:relative}.abl-track{background:var(--surface);border:var(--pixel) solid var(--border-strong);width:100%;height:30px;display:flex;overflow:hidden}.abl-seg{height:100%;transition:width .16s ease-out}.abl-seg.is-base{background:var(--abl-base)}.abl-seg.is-base.is-t2{background:color-mix(in srgb, var(--muted) 72%, transparent)}.abl-seg.is-base.is-t3{background:color-mix(in srgb, var(--muted) 88%, transparent)}.abl-seg.is-ac.is-t1{background:#f5cd82}.abl-seg.is-ac.is-t2{background:var(--abl-warm)}.abl-seg.is-ac.is-t3{background:var(--abl-hot)}.abl-tick{color:var(--muted);white-space:nowrap;font-size:.68rem;line-height:1;position:absolute;top:0;transform:translate(-50%)}.abl-tick:before{width:var(--pixel);background:var(--border-strong);content:"";height:30px;margin:0 auto 4px;display:block}.abl-tick.is-major{color:var(--foreground-soft)}.abl-tick.is-major:before{background:var(--foreground-soft)}.abl-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:.78rem;display:flex}.abl-legend b{color:var(--abl-warm)}.abl-key{border:1px solid var(--border-strong);vertical-align:-1px;width:11px;height:11px;margin-right:2px;display:inline-block}.abl-key.is-base{background:var(--abl-base)}.abl-key.is-ac{background:var(--abl-warm)}.abl-note{max-width:440px;color:var(--muted);word-break:keep-all;font-size:.78rem;line-height:1.6}.abl-warning{max-width:480px;color:var(--foreground-soft);word-break:keep-all;background:color-mix(in srgb, var(--abl-hot) 12%, transparent);border:var(--pixel) solid color-mix(in srgb, var(--abl-hot) 45%, transparent);padding:10px 14px;font-size:.8rem;line-height:1.6}.abl-warning b{color:var(--abl-hot);display:block}.abl-action{color:var(--accent-contrast);background:var(--accent);border:var(--pixel) solid var(--accent-strong);box-shadow:3px 3px 0 0 var(--pixel-shadow);cursor:pointer;margin-top:4px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.abl-action:hover{box-shadow:1px 1px 0 0 var(--pixel-shadow);transform:translate(2px,2px)}.abl-action:active{box-shadow:0 0 0 0 var(--pixel-shadow);transform:translate(3px,3px)}.abl-details{background:var(--surface-2);border:var(--pixel) solid var(--border-strong);padding:14px 16px}.abl-details summary{color:var(--foreground-soft);cursor:pointer;font-size:.84rem}.abl-details[open] summary{margin-bottom:16px}.abl-duty{gap:8px;margin-bottom:18px;display:grid}.abl-duty>div{flex-wrap:wrap;gap:6px;display:flex}.abl-duty button{min-width:56px;color:var(--muted);background:var(--surface);border:var(--pixel) solid var(--border-strong);cursor:pointer;padding:6px 12px;transition:color .12s,border-color .12s}.abl-duty button.is-active{color:var(--abl-cool);border-color:var(--abl-cool)}.abl-duty small{color:var(--muted);word-break:keep-all;font-size:.76rem;line-height:1.6}.abl-duty small b{color:var(--foreground-soft)}.abl-table{border-collapse:collapse;width:100%;font-size:.8rem}.abl-table caption{color:var(--muted);text-align:left;margin-bottom:8px;font-size:.76rem}.abl-table th,.abl-table td{border-bottom:1px solid var(--border);padding:7px 0}.abl-table th{color:var(--muted);text-align:left;font-weight:400}.abl-table td{color:var(--foreground-soft);text-align:right;font-variant-numeric:tabular-nums}.abl-table-total th,.abl-table-total td{color:var(--foreground);border-bottom:none;font-weight:700}.abl-limit{color:var(--muted);word-break:keep-all;margin-top:16px;font-size:.76rem;line-height:1.7}.abl-limit b{color:var(--foreground-soft)}.abl-footer{flex-wrap:wrap;justify-content:space-between;gap:10px 20px;padding-top:4px;font-size:.78rem;display:flex}.abl-footer a{color:var(--muted);text-decoration:none}.abl-footer a:hover{color:var(--accent)}@media (max-width:620px){.abl-page{width:calc(100% - 20px)}.abl-lab{gap:18px}.abl-units{gap:5px}.abl-units button{padding:9px 2px}.abl-units button strong{font-size:.82rem}.abl-units button small{font-size:.66rem}.abl-label b{font-size:1.05rem}.abl-track,.abl-tick:before{height:26px}.abl-tick{font-size:.64rem}.abl-legend{font-size:.74rem}.abl-footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.abl-seg,.abl-action,.abl-season button,.abl-duty button,.abl-units button{transition:none}}