:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#eaf1fa;background:#0b1423;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:auto;padding:18px 14px 70px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{font-size:24px;font-weight:800;letter-spacing:-.7px}.brand small{display:block;color:#9caec1;font-size:11px;font-weight:400;letter-spacing:0}nav{display:flex;gap:6px;overflow:auto;padding:0 0 14px;position:sticky;top:0;background:#0b1423;z-index:2}nav button{white-space:nowrap;background:#19283b;color:#b8c8d9;padding:11px 13px;border-radius:11px}nav button.active{background:#235a57;color:#fff}.card,.hero{background:#142236;border:1px solid #2a3a50;border-radius:17px;padding:19px;margin-bottom:13px}.hero{background:linear-gradient(130deg,#153d43,#142236)}.hero strong{display:block;font-size:clamp(36px,8vw,54px);margin:8px 0}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics .card{margin:0}.metrics b{display:block;font-size:21px;margin-top:7px;overflow-wrap:anywhere}.metrics small,.muted{color:#a9b8cb}.fine{font-size:12px;line-height:1.6}h1{font-size:27px}h2{font-size:17px;margin:0 0 14px}p{line-height:1.55}label{display:block;color:#b8c8d9;font-size:13px;margin:0 0 13px}input,select{display:block;width:100%;background:#0d1929;border:1px solid #42546a;border-radius:10px;padding:12px;color:#fff;margin-top:6px;font:inherit;min-height:44px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;background:#45d8b4;color:#07211c;font-weight:700;padding:12px 15px}button.ghost{background:#25384b;color:#e6eff8}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #304056}.row:last-child{border:0}.row small{display:block;color:#a9b8cb;margin-top:4px}.row strong{white-space:nowrap}.row button{padding:6px 10px;background:#4d303a;color:#ffdbdb}.metricrow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #304056}.metricrow b{text-align:right}.positive{color:#5ee2b7}.negative{color:#ffb2a9}#message:not(:empty){background:#243e50;border-radius:10px;padding:12px;margin-bottom:12px}#purchaseResult{margin-top:14px;line-height:1.6}.bar{height:9px;background:#2b4055;border-radius:8px;overflow:hidden;margin:6px 0 12px}.bar>span{display:block;height:100%;background:#48d7b2}.mutedblock{padding:12px;color:#a9b8cb}@media(max-width:380px){.cols{grid-template-columns:1fr}.metrics b{font-size:17px}}@media(min-width:700px){main{padding-top:30px}.metrics{grid-template-columns:repeat(4,1fr)}}