:root{--ink:#dce8e4;--muted:#8da29c;--dark:#101917;--panel:#16211f;--line:#31443f;--mint:#74efc1;--yellow:#f6d65f;--coral:#ff716b;--blue:#73a9ff;--paper:#f1f0e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--ink);font-family:"Arial Narrow","PingFang SC","Microsoft YaHei",sans-serif;min-width:320px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:relative;z-index:3}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none}.brand strong{display:block;font-size:19px;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.24em;margin-top:3px}.brand-mark{display:flex;align-items:center;gap:3px;height:30px}.brand-mark i{display:block;width:3px;background:var(--mint)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:16px}.brand-mark i:nth-child(4){height:29px}.top-note{font:11px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em}.live-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px #74efc119;margin-right:8px}main{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,72px)}.intro{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:end;padding:70px 0 54px}.eyebrow{font:700 11px ui-monospace,monospace;color:var(--mint);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}.intro h1{font-size:clamp(46px,7vw,96px);font-weight:500;letter-spacing:-.055em;line-height:.91;margin:0}.intro h1 em{font-style:normal;color:var(--mint)}.lede{font-size:16px;line-height:1.85;color:#aebfba;max-width:430px;margin:0 0 6px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);background:var(--panel)}.panel-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.panel-head>div:first-child,.section-title{display:flex;align-items:center;gap:13px}.panel-head h2,.section-title h2{font-size:15px;letter-spacing:.08em;margin:0}.step{font:10px ui-monospace,monospace;color:var(--mint);border:1px solid #4b6a61;padding:5px}.body-panel{border-left:1px solid var(--line)}.zoom-tools{display:flex;gap:7px;align-items:center}.zoom-tools button,.outline-btn{border:1px solid #465c56;background:transparent;color:var(--ink);height:32px;padding:0 11px;cursor:pointer}.zoom-tools label{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;color:var(--muted)}input[type=range]{accent-color:var(--mint)}.zoom-tools input{width:72px}.spectrum-viewport{height:280px;overflow:hidden;background:#111c19}.spectrum-viewport svg{display:block;height:100%;width:100%}.band-rect{cursor:pointer;fill:transparent;stroke:#afc2bc;stroke-opacity:.18;transition:.2s}.band-rect:hover,.band-rect:focus{fill:#74efc117;stroke:var(--mint);stroke-opacity:.85;outline:none}.band-rect.selected{fill:#74efc12b;stroke:var(--mint);stroke-width:2;stroke-opacity:1}.band-label{fill:#d8e6e1;font:600 11px Arial;letter-spacing:.08em;pointer-events:none}.band-range{fill:#81978f;font:9px ui-monospace,monospace;pointer-events:none}.axis-line{stroke:#789089;stroke-opacity:.45}.axis-label{fill:#81978f;font:9px ui-monospace,monospace}.wave{fill:none;stroke:#74efc1;stroke-width:2;stroke-opacity:.6;pointer-events:none}.pan-row{height:48px;border-top:1px solid var(--line);padding:0 20px;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:10px}.pan-row input{flex:1}.body-wrap{text-align:center;padding:18px 15px}.body-wrap svg{width:200px;height:300px}.body-line{fill:none;stroke:#677c76;stroke-width:1.2}.body-hotspot{cursor:pointer}.body-hotspot ellipse,.body-hotspot circle{fill:#74efc109;stroke:#4a635b;stroke-dasharray:3 4;transition:.2s}.body-hotspot text{fill:#a9bbb5;font:10px ui-monospace,monospace;text-anchor:middle;pointer-events:none}.body-hotspot:hover ellipse,.body-hotspot:hover circle,.body-hotspot:focus ellipse,.body-hotspot:focus circle,.body-hotspot.selected ellipse,.body-hotspot.selected circle{fill:#74efc12b;stroke:var(--mint);stroke-dasharray:none;outline:none}.body-hotspot.selected text{fill:var(--mint)}.body-wrap p{font-size:10px;line-height:1.5;color:#6f8580;margin:0}.tag-section,.bookmarks-section{padding:48px 0;border-bottom:1px solid var(--line)}.section-title p{font-size:11px;color:var(--muted);margin:0 0 0 auto}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tag{border:1px solid #435a54;background:#131e1c;color:#b4c4bf;border-radius:99px;padding:10px 15px;font-size:13px;cursor:pointer;transition:.15s}.tag:hover{border-color:#7d9f96;color:white}.tag.selected{color:#0c1714;background:var(--mint);border-color:var(--mint);font-weight:700}.tag::before{content:"+";margin-right:8px}.tag.selected::before{content:"×"}.results-section{padding:54px 0 62px}.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.results-head h2{font-size:30px;font-weight:500;margin:0}.results-head h2 span{font:13px ui-monospace,monospace;color:var(--mint);vertical-align:top}.result-actions{display:flex;gap:9px}.outline-btn,.save-btn{height:40px;padding:0 17px;font-size:12px;cursor:pointer}.save-btn{border:0;background:var(--mint);color:#10201b;font-weight:700}.save-btn:disabled{opacity:.35;cursor:not-allowed}.empty-state{min-height:175px;border:1px dashed #3c514b;display:flex;align-items:center;justify-content:center;gap:17px;color:#758a84}.empty-state span{font-size:35px;color:var(--mint)}.empty-state p{font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-card{position:relative;border:1px solid var(--line);background:#141f1d;padding:24px 25px 23px;overflow:hidden}.result-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-color)}.card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.card-top h3{font-size:21px;margin:0 0 5px}.freq{font:13px ui-monospace,monospace;color:var(--card-color)}.remove-card{border:0;background:none;color:#667b75;font-size:20px;cursor:pointer}.remove-card:hover{color:var(--coral)}.info-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;margin-top:22px}.info-grid h4{font:9px ui-monospace,monospace;letter-spacing:.15em;color:#6f8580;margin:0 0 8px}.info-grid p{font-size:12px;line-height:1.65;color:#b5c4c0;margin:0}.bookmark-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.bookmark{border:1px solid var(--line);background:#141f1d;padding:17px}.bookmark-title{display:flex;justify-content:space-between;gap:8px}.bookmark-title strong{font-size:12px}.bookmark-title button{border:0;background:none;color:#748a84;cursor:pointer}.bookmark-tags{font-size:11px;color:var(--muted);line-height:1.6;min-height:35px;margin:10px 0}.bookmark-load{width:100%;border:1px solid #415851;background:none;color:var(--mint);height:32px;cursor:pointer}.bookmark-empty{font-size:12px;color:#718680;padding:20px 0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--paper);color:#18211f;padding:11px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}footer{border-top:1px solid var(--line);padding:28px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:#70847e;font-size:10px;letter-spacing:.08em}footer p{margin:0;letter-spacing:0}@media(max-width:900px){.intro{grid-template-columns:1fr;padding:50px 0 40px}.workbench{grid-template-columns:1fr}.body-panel{border-left:0;border-top:1px solid var(--line)}.body-wrap{display:flex;align-items:center;justify-content:center;gap:20px}.body-wrap svg{height:250px}.result-grid{grid-template-columns:1fr}.bookmark-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{height:65px}.top-note{display:none}.intro h1{font-size:49px}.workbench{margin-left:-20px;margin-right:-20px;border-left:0;border-right:0}.panel-head{height:auto;min-height:68px;align-items:flex-start;gap:10px;padding-top:17px;padding-bottom:17px}.zoom-tools{flex-wrap:wrap;justify-content:flex-end}.zoom-tools label{order:3;width:100%;justify-content:flex-end}.body-wrap{display:block}.section-title{align-items:flex-start;flex-wrap:wrap}.section-title p{width:100%;margin-left:38px}.results-head{align-items:flex-start;gap:16px}.result-actions{flex-direction:column}.info-grid{grid-template-columns:1fr;gap:14px}.bookmark-list{grid-template-columns:1fr}.empty-state{padding:20px;text-align:center}.pan-row span{display:none}footer{display:block;line-height:1.7}footer p{margin-top:6px}}