:root{--bg:#07101c;--card:#111d2d;--muted:#91a0b4;--line:#29384d;--gold:#dab66f;--green:#2dd4a3;--text:#f8f9fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#263b5d 0,transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif}header,main{max-width:700px;margin:auto}header{padding:max(30px,env(safe-area-inset-top)) 18px 18px}h1{font:800 39px/1 Georgia;margin:7px 0;letter-spacing:.08em}header p{margin:0;color:#b8c4d5}header p span{color:var(--green);font-size:11px;margin-left:8px}.eyebrow{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.14em}main{padding:0 13px 35px}.card{background:linear-gradient(145deg,#182941,#0c1828);border:1px solid #ffffff15;border-radius:20px;padding:17px;margin-bottom:12px;box-shadow:0 15px 45px #0003}.top{display:flex;justify-content:space-between;align-items:center}.top i,.result i{font-style:normal;border:1px solid #43536a;border-radius:999px;padding:5px 8px;color:var(--gold);font-size:10px}.result>strong{display:block;font-size:39px;margin:9px 0 14px}.metrics,.ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.metrics div,.ranges div{background:#091525;border-radius:12px;padding:10px;color:var(--muted);font-size:10px}.metrics b,.ranges b{display:block;color:#fff;font-size:13px;margin-top:4px}.hint{color:var(--muted);font-size:10px;margin:10px 0 0}nav{position:sticky;top:7px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:#071321df;backdrop-filter:blur(12px);border:1px solid var(--line);padding:4px;border-radius:14px;margin-bottom:12px}.tab,.seg button{border:0;background:transparent;color:var(--muted);padding:10px 5px;border-radius:10px;font-weight:700}.tab.active,.seg button.active{background:#24354d;color:#fff}.panel{display:none}.panel.active{display:block}h2{font-size:18px;margin:5px 0 13px}.seg{display:grid;grid-template-columns:repeat(3,1fr);background:#091525;padding:3px;border-radius:12px}.home-head{display:flex;justify-content:space-between}.home-title{font-size:21px;font-weight:800}.home-title small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.price{display:flex;border-bottom:1px solid var(--line);margin:8px 0 14px}.price input{width:100%;font-size:28px;font-weight:800}.price em{font-style:normal;color:var(--gold);font-size:20px;padding-top:7px}.field{color:var(--muted);font-size:9px;letter-spacing:.06em}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:5px 0 12px}.choices.three{grid-template-columns:repeat(3,1fr)}.choice{border:1px solid var(--line);background:#091525;color:var(--muted);border-radius:10px;padding:9px 3px;font-size:10px}.choice.active{color:#fff;border-color:var(--gold);background:#2a3046}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#091525;border-radius:12px;padding:10px}.home-stats span{color:var(--muted);font-size:8px}.home-stats b{display:block;color:#fff;font-size:11px}.diagnosis{font-size:21px;font-weight:900;color:var(--gold);margin:8px 0}.meter{height:9px;background:linear-gradient(90deg,#2dcc9d,#93cf7b,#e4c565,#ff896e,#ff5f6d);border-radius:8px;position:relative}.meter u{position:absolute;top:50%;width:18px;height:18px;background:#fff;border:4px solid #142032;border-radius:50%;transform:translate(-50%,-50%)}.labels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:5px}.ranges{grid-template-columns:1fr 1fr;margin:14px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:10px;color:#b7c3d2}label span{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;margin-top:5px;padding:0 9px;color:var(--gold)}input,select{width:100%;appearance:none;background:transparent;border:0;outline:0;color:#fff;padding:11px 0;font:inherit}select{border:1px solid var(--line);border-radius:10px;padding:11px}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.warn{background:#2a261c;border:1px solid #62502d;border-radius:11px;padding:11px;color:#d7c69f;font-size:10px;line-height:1.5}.comps a{display:flex;justify-content:space-between;color:#fff;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.comps b{color:var(--muted)}footer{text-align:center;color:#617188;font-size:9px;padding:15px 0 calc(25px + env(safe-area-inset-bottom))}@media(max-width:390px){.form{grid-template-columns:1fr}.choices.three{grid-template-columns:1fr}.result>strong{font-size:34px}.ranges b{font-size:11px}}