:root{font-family:ui-monospace,SFMono-Regular,PingFang SC,monospace;color:#e9e8dd;background:#111225;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 5%,#33335e 0,transparent 30%),#111225}button,input{font:inherit}header{height:66px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #3b3c5b;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a9a9bd}header .brand{font-weight:800;color:#f3f0c7;letter-spacing:.12em}header b{padding:5px 8px;background:#dcff63;color:#111225;margin-left:8px}main{max-width:1260px;margin:auto;padding:56px clamp(18px,4vw,48px) 80px}.intro{max-width:800px;margin-bottom:50px}.eyebrow{color:#dcff63;font-size:12px;letter-spacing:.18em}.intro h1{font-family:Songti SC,serif;font-size:clamp(38px,6.2vw,78px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.intro h1 i{color:#dcff63;font-style:normal}.intro>p:last-child{color:#b6b5c4;line-height:1.8;max-width:650px}.lab{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(420px,1.2fr);gap:20px}.lab>form,.chart-card{border:1px solid #444664;background:#191a32;padding:26px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}label>span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}label small{color:#777991}label>div{display:flex;border-bottom:1px solid #666984}input{min-width:0;width:100%;background:transparent;color:#f4f2df;border:0;outline:0;padding:10px 3px;font-size:18px}label input:focus{border-bottom-color:#dcff63}label em{font-size:12px;color:#8b8ca5;font-style:normal;align-self:center}.answer{margin:28px 0 22px;padding:20px;border-left:4px solid #dcff63;background:#111225}.answer>span{font-size:12px;color:#aaaabd}.answer strong{display:block;font-family:Arial,sans-serif;font-size:52px;letter-spacing:-.05em;color:#dcff63}.answer strong small{font-size:16px}.answer p{color:#83849c;font-size:11px;margin:4px 0 0}.save-row{display:flex;border:1px solid #444664}.save-row input{font-size:13px;padding-left:12px}.save-row button{border:0;background:#dcff63;color:#111225;font-weight:800;padding:12px;white-space:nowrap;cursor:pointer}.message{font-size:12px;color:#dcff63}.chart-title{display:flex;justify-content:space-between;align-items:start}.chart-title small{color:#dcff63;letter-spacing:.15em}.chart-title h2,.presets h2{font:28px Songti SC,serif;margin:6px 0}.legend{display:flex;gap:10px;font-size:10px}.legend span:before{content:"";display:inline-block;width:13px;height:2px;margin-right:4px;vertical-align:middle}.legend .low:before{background:#a4a6bd}.legend .mid:before{background:#dcff63}.legend .high:before{background:#ff8f70}svg{width:100%;margin-top:20px;overflow:visible}svg line{stroke:#353751;stroke-width:1}svg text{fill:#85869d;font-size:9px}polyline{fill:none;stroke-width:2}.low{stroke:#a4a6bd}.mid{stroke:#dcff63;stroke-width:4}.high{stroke:#ff8f70}.chart-card>p{font-size:11px;color:#8d8ea3;line-height:1.7}.presets{margin-top:70px;border-top:1px solid #3b3c5b;padding-top:30px;display:grid;grid-template-columns:220px 1fr;gap:25px}.empty{color:#808197;padding:20px 0}.preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-list article{display:flex;border:1px solid #41435e;background:#17182d}.preset-main{flex:1;text-align:left;border:0;background:transparent;color:#eee;padding:15px;cursor:pointer}.preset-main b,.preset-main span{display:block}.preset-main span{font-size:11px;color:#898aa0;margin-top:6px}.delete{border:0;border-left:1px solid #41435e;background:transparent;color:#7e8097;width:38px;cursor:pointer}footer{text-align:center;border-top:1px solid #2e3049;padding:26px;color:#62647b;font-size:11px}@media(max-width:850px){header>span{display:none}.lab,.presets{grid-template-columns:1fr}.chart-card{overflow:hidden}}@media(max-width:520px){main{padding-top:35px}.input-grid,.preset-list{grid-template-columns:1fr}.chart-card,.lab>form{padding:18px}.legend{flex-direction:column}.intro h1{font-size:40px}.answer strong{font-size:44px}}