:root{color-scheme:light;--paper:#f7f8fa;--ink:#222b36;--muted:#626e7b;--line:#d9dfe5;--accent:#167568;--soft:#e2efeb;--other:#718096;--white:#fff;--selected:#d4e9e1}
:root.dark{color-scheme:dark;--paper:#20272e;--ink:#e6edf1;--muted:#a8b3bf;--line:#424e59;--accent:#72cbbb;--soft:#2a403d;--other:#a9b6c9;--white:#29323c;--selected:#35544c}
*{box-sizing:border-box}body{margin:0;font:15px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:transparent}main{padding:25px 26px 22px;background:var(--paper);border-radius:8px;display:flow-root}h1{margin:3px 0 10px;font-size:23px;font-weight:650;line-height:1.45;letter-spacing:-.02em}p{margin:10px 0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:650;color:var(--accent);margin:0}.intro,.note{color:var(--muted);font-size:13px}.intro{margin-bottom:20px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}label{font-size:13px;font-weight:550}label select{margin-left:8px}button,select{font:inherit;font-size:13px;min-height:40px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:5px;padding:7px 12px}button{cursor:pointer}button.primary{background:var(--accent);color:var(--paper);border-color:var(--accent);font-weight:600}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range]{display:block;accent-color:var(--accent);width:100%;min-height:34px;margin:5px 0 0;cursor:pointer}output{font-variant-numeric:tabular-nums}.field{display:block;margin:18px 0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.stats p{margin:0}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.6}.accent{color:var(--accent)}.album{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0}.coupon{padding:10px 4px;text-align:center;background:var(--white);border:1px dashed var(--line);border-radius:5px;color:var(--muted)}.coupon strong{font-size:19px;display:block}.coupon span{font-size:11px;display:block}.coupon.owned{background:var(--soft);border:1px solid var(--accent);color:var(--accent)}.tape{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.ticket{font-size:12px;border:1px solid var(--line);padding:2px 7px;border-radius:3px}.ticket.fresh{background:var(--soft);color:var(--accent);border-color:var(--accent)}.chart{width:100%;height:auto;display:block;overflow:visible;margin:16px 0}.chart text{fill:var(--muted);font:11px system-ui,sans-serif}.chart .axis{stroke:var(--line);stroke-width:1}.chart .curve{stroke:var(--accent);stroke-width:2.5;fill:none}.chart .sample{stroke:var(--other);stroke-width:1.5;fill:none;stroke-dasharray:5 4}.chart .cursor{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 4}.chart .dot{fill:var(--accent)}.chart .bar{fill:var(--line)}.chart .active{fill:var(--accent)}.legend{font-size:12px;color:var(--muted);display:flex;gap:15px;flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:20px;border-top:3px solid var(--accent);margin:0 7px 3px 0}.legend .sample-key:before{border-top:2px dashed var(--other)}.progress{height:10px;border-radius:3px;background:var(--line);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent)}.status{min-height:24px;font-size:13px}.comparison{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:16px 0}.comparison strong{color:var(--ink)}.note:empty{display:none}button:hover:not(:disabled){filter:brightness(.96)}@media(max-width:480px){main{padding:20px 15px}h1{font-size:21px}.stats{gap:8px}.stat-value{font-size:21px}.album{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{gap:8px}button,select{min-height:44px}.chart text{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}