:root{--bg:#f5f7f8;--panel:#fff;--border:#e3e8ea;--text:#29343a;--text-soft:#7c8a92;--accent:#18a999;--fg-line:#35aed4;--price-line:#e8604c;--grid:#ececec;--threshold:#b9bfc3;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}header.site{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 28px;display:flex}header.site .logo{background:linear-gradient(135deg, var(--fg-line), var(--accent));color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:grid}header.site h1{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}header.site .tag{color:var(--text-soft);margin-left:4px;font-size:.8rem}.layout{grid-template-columns:300px 1fr;gap:20px;max-width:1400px;margin:20px auto;padding:0 20px 40px;display:grid}@media (max-width:900px){.layout{grid-template-columns:1fr}}aside .card{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}aside h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:12px;font-size:.75rem;font-weight:600}.ticker-row{gap:8px;display:flex}.ticker-row input{border:1px solid var(--border);text-transform:uppercase;border-radius:8px;outline:none;flex:1;min-width:0;padding:9px 10px;font-size:.95rem}.ticker-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #18a9991f}.ticker-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:.9rem;font-weight:600}.ticker-row button:hover{filter:brightness(.95)}.ticker-error{color:var(--price-line);margin-top:8px;font-size:.78rem;line-height:1.4;display:block}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fafbfb;border-radius:999px;padding:4px 11px;font-size:.8rem}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.opt{justify-content:space-between;align-items:center;padding:7px 0;font-size:.9rem;display:flex}.opt+.opt{border-top:1px solid #f1f4f5}.switch{width:36px;height:20px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{cursor:pointer;background:#d6dcdf;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.stat{justify-content:space-between;align-items:baseline;padding:6px 0;font-size:.9rem;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:1.05rem}.zone-label{font-weight:600}.zone-bar{background:linear-gradient(90deg,#d9534f 0%,#f0ad4e 30%,#cfd6a3 50%,#9ecf7e 70%,#3fae5e 100%);border-radius:999px;height:8px;margin:10px 0 4px;position:relative}.zone-bar .marker{background:#29343a;border-radius:2px;width:3px;height:16px;transition:left .3s;position:absolute;top:-4px;transform:translate(-50%)}.zone-scale{color:var(--text-soft);justify-content:space-between;font-size:.65rem;display:flex}.corr-note{color:var(--text-soft);margin-top:6px;font-size:.75rem;line-height:1.4}.data-note{color:var(--text-soft);font-size:.78rem;line-height:1.5}.data-note code{background:#f0f3f4;border-radius:4px;padding:1px 5px;font-size:.72rem}main .chart-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px 22px 14px}.chart-head{text-align:center;margin-bottom:6px}.chart-head h2{font-size:1.05rem;font-weight:700}.chart-head .sub{color:var(--text-soft);margin-top:2px;font-size:.78rem}.demo-badge{color:var(--text-soft);letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;background:#f0f3f4;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.68rem;font-weight:600;display:inline-block}.zoom-row{flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0 4px;display:flex}.zoom-row .lbl{color:var(--text-soft);margin-right:4px;font-size:.85rem}.zbtn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.85rem}.zbtn:hover{background:#f0f4f5}.zbtn.active{color:#0c3f36;background:#40d6b2;font-weight:600}.chart-wrap{height:460px;position:relative}.watermark{color:#a0aaaf40;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:30px;left:40px}.legend-row{justify-content:center;gap:26px;padding:10px 0 4px;font-size:.85rem;display:flex}.legend-row .item{align-items:center;gap:7px;display:flex}.legend-row .swatch{border-radius:2px;width:22px;height:3px}.loading-overlay{color:var(--text-soft);background:#ffffffb3;place-items:center;font-size:.9rem;display:none;position:absolute;inset:0}.loading-overlay.show{display:grid}