:root{color-scheme:light;--paper:#faf9f6;--ink:#302f2a;--muted:#78776e;--rule:#deddd5;--accent:#a33e35;--wash:#a33e3522;--other:#8c999d;--field:#fff;--grid:#eae9e3;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
:root.dark{color-scheme:dark;--paper:#202120;--ink:#e7e5de;--muted:#aaa99f;--rule:#454641;--accent:#ee9382;--wash:#ee93822a;--other:#8eaaaf;--field:#292a28;--grid:#363733}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}main{padding:22px 26px 24px;border-top:2px solid var(--ink);min-width:0}h1{font-size:21px;font-weight:650;line-height:1.5;margin:0 0 4px;letter-spacing:-.5px}p{margin:0}.eyebrow{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.intro,.note,.legend,.status{color:var(--muted);font-size:12px}.intro{margin-bottom:18px;font-size:13px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.toolbar label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}button,select{font:inherit;font-size:12px;border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:4px;padding:7px 12px;min-height:38px;cursor:pointer;transition:background .15s,border-color .15s}button:hover,select:hover{border-color:var(--ink)}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,svg [role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}select{background:var(--field)}.spacer{flex:1}.chart{width:100%;height:230px;display:block;overflow:visible}.small-chart{height:104px}.chart text{fill:var(--muted);font:11px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.chart .axis{stroke:var(--rule);stroke-width:1}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .zero{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}.chart .positive{stroke:var(--accent);fill:none;stroke-width:2}.chart .negative{stroke:var(--other);fill:none;stroke-width:2}.chart .fill-positive{fill:var(--wash)}.chart .fill-negative{fill:var(--other);opacity:.09}.chart .theory{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-dasharray:4 3}.chart .bar{fill:var(--accent);opacity:.72;cursor:pointer;transition:opacity .15s}.chart .bar:hover,.chart .bar.selected{opacity:1}.chart .bin-hit{fill:transparent;cursor:pointer}.chart .marker{fill:var(--accent);stroke:var(--paper);stroke-width:2}.legend{display:flex;gap:16px;flex-wrap:wrap;margin:5px 0 12px}.key:before{content:"";display:inline-block;width:16px;height:3px;margin:0 6px 3px 0;background:var(--accent)}.key.other:before{background:var(--other)}.key.theory:before{height:0;border-top:2px dashed var(--ink);background:none}.scrubber{display:flex;align-items:center;gap:14px;margin:15px 0}.scrubber label{font-size:12px;white-space:nowrap}.scrubber input{flex:1;min-width:40px}input[type=range]{accent-color:var(--accent);cursor:pointer;min-height:30px;margin:0;width:100%}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--rule);padding-top:15px;margin-top:12px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:30px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stat-value.accent{color:var(--accent)}.meter{height:4px;background:var(--rule);margin:7px 0;position:relative}.meter:after{content:"";position:absolute;left:50%;top:-3px;height:10px;width:1px;background:var(--muted)}.meter span{display:block;height:100%;background:var(--ink);transition:width .12s}.meter.red span{background:var(--accent)}.note{margin-top:14px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--rule);margin:14px 0}.tabs button{border:0;border-radius:0;padding:8px 0;background:none;color:var(--muted);border-bottom:2px solid transparent}.tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.summary{margin:8px 0;font-size:13px;min-height:44px;font-variant-numeric:tabular-nums}.summary strong{color:var(--accent);font-weight:600}.sample{border-top:1px solid var(--rule);padding-top:12px;margin-top:12px}.sample-title{font-size:12px;min-height:22px}.plot-caption{font-size:11px;color:var(--muted);margin:3px 0 7px}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px}.range-grid label{font-size:12px;display:block}.range-grid output{float:right;font-variant-numeric:tabular-nums;color:var(--accent)}.result{display:flex;align-items:baseline;gap:16px;margin:8px 0 12px;border-bottom:1px solid var(--rule);padding-bottom:12px}.result strong{font-size:36px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-1px}.result span{font-size:12px;color:var(--muted)}.equation{font-family:ui-serif,Georgia,"Songti SC",serif;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:540px){main{padding:18px 14px}h1{font-size:19px}.intro{font-size:12px}.toolbar{gap:8px}.spacer{display:none}.toolbar label{width:100%}.chart{height:224px}.small-chart{height:96px}.stat-value{font-size:27px}.stats{gap:12px}.tabs{gap:18px}.tabs button{font-size:12px}.range-grid{gap:16px}.result{gap:10px;flex-wrap:wrap}.result strong{font-size:32px}.equation{font-size:14px}.note{line-height:1.8}.legend{gap:10px}}
.coins{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0 8px}.coin{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;padding:8px 0}.coin small{font:11px ui-monospace,monospace;color:var(--muted)}.coin.up{color:var(--accent)}.coin[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.up-text{color:var(--accent)}.step-grid{border-top:1px solid var(--rule);margin-top:10px;font-size:12px;font-variant-numeric:tabular-nums}.step-row{display:grid;grid-template-columns:76px repeat(6,1fr);padding:5px 0;border-bottom:1px solid var(--grid);text-align:center}.step-row span:first-child{text-align:left;color:var(--muted)}.exact-bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:7px;margin:18px 0}.exact-bin{display:flex;align-items:center;flex-direction:column;gap:4px;padding:7px 4px;font-variant-numeric:tabular-nums}.exact-bin[aria-pressed=true]{border-color:var(--accent);background:var(--wash)}.exact-bin>span:first-child{color:var(--muted)}.exact-bin small{font-size:10px;color:var(--muted)}.exact-bin strong{font-size:12px;font-weight:500}.exact-bar{width:24px;height:65px;display:flex;align-items:flex-end}.exact-bar i{display:block;width:100%;background:var(--accent);opacity:.7}.path-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.path-option{display:flex;justify-content:center;gap:7px;padding:5px;min-height:34px;font:15px/1.5 ui-monospace,monospace;letter-spacing:1px}.path-option[aria-pressed=true]{border-color:var(--accent);background:var(--wash)}.pager{justify-content:space-between}.pager button{min-height:32px;padding:4px 10px}button:disabled{cursor:default}.three{grid-template-columns:repeat(3,1fr)}.three .stat-value{font-size:26px}.equation{overflow-wrap:anywhere}.tabs{gap:20px}
@media(max-width:540px){.coins{gap:6px}.coin{font-size:18px;min-height:52px}.step-row{grid-template-columns:66px repeat(6,1fr);font-size:11px}.path-option{gap:3px;font-size:12px;letter-spacing:0}.exact-bar{height:50px}.exact-bins{gap:5px}.three{grid-template-columns:1fr 1fr}.three .stat-value{font-size:25px}.tabs{gap:16px}}
.select-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.custom-select{position:relative;min-width:170px;color:var(--ink)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;background:var(--field)}.select-trigger svg,.select-option svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.select-trigger svg{transition:transform .15s}.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.select-trigger[aria-expanded=true]{border-color:var(--accent)}.select-trigger:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--wash)}.select-menu{position:absolute;z-index:10;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:calc(100vw - 28px);padding:5px;border:1px solid var(--rule);border-radius:6px;background:var(--field);box-shadow:0 8px 24px #0002}.select-menu[hidden]{display:none}.select-option{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px;padding:7px 10px;border-radius:3px;cursor:pointer;white-space:nowrap}.select-option.is-active{background:var(--wash)}.select-option[aria-selected=true]{color:var(--accent)}.select-option svg{visibility:hidden}.select-option[aria-selected=true] svg{visibility:visible}
@media(max-width:540px){.select-field{width:100%}.custom-select{min-width:170px;max-width:calc(100% - 60px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}