*{box-sizing:border-box}body{margin:0;background:#07111f;color:#eef6ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}header{position:sticky;top:0;z-index:5;padding:24px clamp(15px,4vw,55px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0b182aee;backdrop-filter:blur(12px)}header small{letter-spacing:2px;color:#849bb5}h1{margin:6px 0;font-size:clamp(27px,4vw,44px)}h1 b{font-size:.55em;border:1px solid #3b5572;padding:5px 8px;border-radius:8px}header p{margin:0;color:#91a7c0}button{border:0;border-radius:10px;padding:12px 17px;background:#287eff;color:white;font-weight:800}main{width:min(1250px,94%);margin:22px auto}.hero,.grid{display:grid;gap:15px}.hero{grid-template-columns:2fr repeat(3,1fr)}.grid{grid-template-columns:1.3fr 1fr;margin-top:15px}.hero article,.panel{background:#0d1b2e;border:1px solid #1d344c;border-radius:17px;padding:19px;box-shadow:0 12px 35px #0003}.hero span,.panel p,.note{color:#8fa5be}.hero strong{display:block;font-size:clamp(25px,4vw,42px);margin:7px 0}.hero small{color:#7e94ad}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats div{background:#10243a;padding:11px;border-radius:10px;color:#90a6bf}.stats b{display:block;color:#fff;margin-top:4px}canvas{width:100%;height:270px;background:#091625;border-radius:12px;margin-top:12px}.op{padding:18px;background:#10243a;border-radius:12px;margin-bottom:15px}.op b{display:block;font-size:24px}.op span{color:#8ea5be}.meter{height:12px;background:#1d2e42;border-radius:20px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:#4d9aff}.src{display:flex;justify-content:space-between;background:#10243a;padding:12px;border-radius:10px;margin:8px 0}.src span{color:#68dda0}.table{overflow:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #20394f;text-align:left}th{font-size:11px;color:#849ab3;text-transform:uppercase}label{display:block;color:#91a7c0;margin:12px 0}input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #29455f;border-radius:9px;background:#081524;color:#fff}.result{margin-top:14px;padding:14px;background:#10243a;border-radius:10px}footer{text-align:center;color:#6f849c;padding:35px 15px}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}header{flex-direction:column;align-items:stretch}header button{width:100%}}@media(max-width:500px){main{width:96%}.hero article,.panel{padding:14px;border-radius:13px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:28px}}