:root{--ink:#102a2b;--muted:#687676;--paper:#f3f0e8;--card:#fffdf8;--line:#d9d6cd;--orange:#e84a2a;--teal:#0c6662}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans SC",sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #102a2b2b}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:800}.brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:white;font-size:24px}.live{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.live i{width:8px;height:8px;border-radius:50%;background:#28a56a;box-shadow:0 0 0 4px #28a56a1f}.hero{max-width:1420px;min-height:450px;margin:auto;padding:78px clamp(24px,5vw,78px) 66px;display:grid;grid-template-columns:1.55fr .45fr;gap:72px;align-items:end}.eyebrow{margin:0 0 22px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.2em}.hero h1{margin:0;font:500 clamp(48px,6vw,88px)/1.02 Georgia,"Noto Serif SC",serif;letter-spacing:-.055em}.hero h1 em{color:var(--orange)}.intro{max-width:650px;margin:30px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.period{padding:24px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.period>span{color:var(--muted);font-size:13px}.period strong{display:block;margin:10px 0 18px;font:500 45px Georgia,serif}.period small{font-size:17px;color:var(--muted)}.bars{height:45px;display:flex;align-items:center;gap:4px}.bars i{width:3px;background:var(--orange);opacity:.7;border-radius:3px}.workspace{max-width:1420px;margin:auto;padding:0 clamp(18px,4vw,58px) 92px;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(580px,1.4fr);gap:18px;align-items:start}.panel{padding:30px;background:var(--card);border:1px solid var(--line)}.controls{position:sticky;top:16px}.section-title,.section-title>div,.table-title,.table-title>div,.chart-title,.filter-head,.filter-name{display:flex;align-items:center;justify-content:space-between}.section-title{margin-bottom:28px}.section-title>div,.filter-name{gap:12px}.section-title b,.filter-name>b,.method article>b{color:var(--orange);font:700 13px Georgia,serif}.section-title h2,.filter-head h2{margin:0;font-size:19px}.section-title>span{color:var(--muted);font-size:12px}.link-button{padding:7px 0;border:0;border-bottom:1px solid;background:none;color:var(--muted);font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid label>span,fieldset legend{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:12px}.field-grid i{font-style:normal;color:#899393}input[type=number]{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);background:#faf9f4;color:var(--ink);font:700 14px "Courier New",monospace;outline:0}input[type=number]:focus{border-color:var(--teal);box-shadow:0 0 0 2px #0c666217}fieldset{margin:22px 0 28px;padding:0;border:0}.segments{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.segments button{height:38px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px}.segments button:last-child{border:0}.segments button.active{background:var(--ink);color:white}.table-title{margin-bottom:14px}.table-title>div{justify-content:flex-start;gap:8px}.table-title h3{margin:0;font-size:14px}.table-title span{color:var(--muted);font-size:10px}.table-title button{padding:7px 11px;border:1px solid var(--orange);background:none;color:var(--orange);font-size:11px;font-weight:700}.harmonic-head,.harmonic-row{display:grid;grid-template-columns:42px 54px 1fr 1fr 24px;gap:8px;align-items:center}.harmonic-head{padding:6px 0;color:#899393;font-size:10px}.harmonic-row{padding:7px 0;border-top:1px solid #eceae3}.harmonic-row input[type=number]{height:34px;padding:0 7px;font-size:12px}.switch{position:relative;width:32px;height:18px}.switch input{opacity:0}.switch i{position:absolute;inset:0;border-radius:20px;background:#c8cbc6}.switch i:before{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+i{background:var(--teal)}.switch input:checked+i:before{transform:translateX(14px)}.remove{border:0;background:none;color:#9e9c94;font-size:19px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metrics article{min-height:124px;padding:18px;border:1px solid var(--line);background:#f8f6f0}.metrics .highlight{background:var(--orange);border-color:var(--orange);color:white}.metrics span{color:var(--muted);font-size:11px}.metrics strong{display:block;margin:12px 0 7px;overflow:hidden;font:500 clamp(22px,2.2vw,34px) Georgia,serif;white-space:nowrap;text-overflow:ellipsis}.metrics strong i{font-size:14px;font-style:normal}.metrics small{color:#929991;font-size:9px;letter-spacing:.12em}.metrics .highlight span,.metrics .highlight small{color:#ffffffc2}.chart-card,.filter-card{padding:22px;border:1px solid var(--line)}.chart-title{align-items:flex-start}.chart-title h3{margin:0 0 5px;font-size:15px}.chart-title p,.filter-head p{margin:0;color:var(--muted);font-size:11px}.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.legend i{width:16px;height:2px;margin-left:8px}.legend .red{background:var(--orange)}.legend .teal{background:var(--teal)}.chart{position:relative;margin:19px 0 6px;padding-left:38px}.chart svg{display:block;width:100%;height:285px;overflow:visible}.grid path{fill:none;stroke:#e3e0d8;stroke-width:1;vector-effect:non-scaling-stroke}.raw-path,.filtered-path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.raw-path{stroke:var(--orange);stroke-width:2}.filtered-path{stroke:var(--teal);stroke-width:1.7;stroke-dasharray:6 4}.axis{position:absolute;left:0;color:#939b98;font:9px monospace}.axis.top{top:0}.axis.bottom{bottom:20px}.x-axis{display:flex;justify-content:space-between;color:#939b98;font-size:9px}.filter-card{margin-top:18px;background:#f8f6f0}.filter-head{align-items:flex-start;gap:20px}.filter-name{align-items:flex-start}.filter-name h2{margin-bottom:5px}.filter-tabs{width:260px}.retain-list{display:flex;align-items:center;gap:8px;margin:20px 0 4px;padding-top:16px;border-top:1px solid var(--line)}.retain-list>span{color:var(--muted);font-size:11px}.retain-list>div{display:flex;flex-wrap:wrap;gap:7px}.retain-list button{padding:6px 10px;border:1px solid var(--line);background:white;color:var(--muted);font-size:11px}.retain-list button.fixed,.retain-list button.active{background:var(--teal);border-color:var(--teal);color:#fff}.filtered-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border-top:1px solid var(--line)}.filtered-metrics>div{padding:20px 16px 4px;border-right:1px solid var(--line)}.filtered-metrics>div:first-child{padding-left:0}.filtered-metrics>div:last-child{border:0}.filtered-metrics span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px}.filtered-metrics strong{font:500 23px Georgia,serif}.filtered-metrics small{font-size:12px}.orange{color:var(--orange)}.method{max-width:1300px;margin:auto;padding:10px 50px 100px}.method>h2{max-width:600px;margin:0 0 45px;font:500 clamp(34px,4vw,56px) Georgia,"Noto Serif SC",serif;letter-spacing:-.04em}.method>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.method article{padding:28px 35px 0 0;border-right:1px solid var(--line)}.method article+article{padding-left:35px}.method article:last-child{border:0}.method h3{margin:28px 0 10px;font-size:17px}.method article p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}footer{min-height:120px;padding:34px clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}footer p{color:#ffffff8c;font-size:11px}@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:34px}.period{max-width:350px}.workspace{grid-template-columns:1fr}.controls{position:static}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.topbar{height:64px}.live{display:none}.hero{min-height:0;padding-top:55px}.hero h1{font-size:46px}.workspace{padding-left:10px;padding-right:10px}.panel{padding:20px 16px}.field-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.metrics strong{font-size:24px}.chart-title,.filter-head{align-items:stretch;flex-direction:column}.filter-tabs{width:100%}.chart{padding-left:28px}.chart svg{height:220px}.filtered-metrics{grid-template-columns:1fr 1fr}.filtered-metrics>div:nth-child(2){border-right:0}.method{padding:20px 24px 70px}.method>div{grid-template-columns:1fr}.method article,.method article+article{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}footer{align-items:flex-start;flex-direction:column;gap:24px}}