:root{--bg:#06111f;--panel:#0b1b2f;--panel2:#0d223b;--line:#1d3957;--gold:#e8bf62;--gold2:#fff0a7;--text:#f6f7fb;--muted:#9fb2c8;--blue:#48b7ff;--green:#4bd88b;--red:#ff6878;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(72,183,255,.09),transparent 25%),radial-gradient(circle at 90% 10%,rgba(232,191,98,.08),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}.app{max-width:1240px;margin:auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 16px;border:1px solid var(--line);background:rgba(6,17,31,.82);backdrop-filter:blur(14px);border-radius:18px;position:sticky;top:12px;z-index:10;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:44px;height:44px;border-radius:14px;border:1px solid rgba(232,191,98,.45);display:grid;place-items:center;color:var(--gold);font-size:24px;background:linear-gradient(135deg,#102945,#091a2b)}.brand h1{font-size:17px;margin:0}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.nav{display:flex;gap:7px;flex-wrap:wrap}.nav button{border:1px solid var(--line);background:#09192c;color:#dfe8f4;padding:9px 12px;border-radius:11px;cursor:pointer}.nav button.active,.nav button:hover{border-color:#5c7896;background:#102842}.mobileNav{display:none}
.section{display:none;margin-top:16px}.section.active{display:block}.hero{margin-top:18px;padding:34px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,#081625,#0a2038 60%,#07111e);position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:'π';position:absolute;right:5%;bottom:-22px;font-size:240px;color:rgba(232,191,98,.035);font-weight:800}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.hero h2{font-size:38px;line-height:1.08;max-width:800px;margin:10px 0}.hero p{color:var(--muted);max-width:780px;line-height:1.65}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.btn{border:0;padding:11px 15px;border-radius:12px;cursor:pointer;font-weight:750}.btn.primary{background:linear-gradient(135deg,#f0cd76,#c99a31);color:#1a170d}.btn.secondary{background:#0e2944;border:1px solid var(--line);color:#fff}.btn.ghost{background:transparent;border:1px solid var(--line);color:#dce7f3}.btn.danger{background:rgba(255,104,120,.08);border:1px solid rgba(255,104,120,.25);color:#ffb2bc}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.stat{padding:15px;border-radius:16px;border:1px solid var(--line);background:#081728}.stat b{display:block;font-size:21px}.stat span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1.35fr .95fr;gap:16px;margin-top:16px}.card{background:rgba(8,24,42,.88);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px}.muted{color:var(--muted)}.variants{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:14px}.vcard{padding:13px;border:1px solid var(--line);border-radius:15px;background:#0b1e33;text-align:left;cursor:pointer;color:#fff;transition:.18s}.vcard:hover,.vcard.selected{transform:translateY(-1px);border-color:rgba(232,191,98,.65);background:linear-gradient(145deg,#0d2742,#0b1c30)}.vnum{color:var(--gold);font-weight:800;font-size:18px}.vsub{font-size:11px;color:var(--muted);margin-top:4px}.sectionHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.input,.select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#071625;color:#fff;outline:none}.input:focus,.select:focus{border-color:#6d86a2}.notice,.warn{padding:12px 14px;border-radius:13px;font-size:13px;line-height:1.55}.notice{background:rgba(72,183,255,.07);border:1px solid rgba(72,183,255,.18);color:#cfe9ff}.warn{background:rgba(232,191,98,.07);border:1px solid rgba(232,191,98,.2);color:#f4dfac}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:12px;background:#0c223a;border:1px solid var(--line)}.pill.ok{color:var(--green);border-color:rgba(75,216,139,.28)}.pill.bad{color:var(--red);border-color:rgba(255,104,120,.28)}.answerTable{width:100%;border-collapse:collapse;margin-top:12px}.answerTable th,.answerTable td{padding:10px;border-bottom:1px solid #18314a;text-align:left}.answerTable th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:#0c2138}.answerTable td{font-size:13px}.questions{display:grid;gap:9px}.qrow{border:1px solid var(--line);border-radius:16px;padding:12px;background:#081929}.qhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.qnum{font-weight:800}.opts{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.opt{border:1px solid var(--line);background:#0b2036;color:#fff;border-radius:10px;min-width:40px;padding:9px;text-align:center;cursor:pointer}.opt.sel{border-color:var(--gold);background:rgba(232,191,98,.12);color:var(--gold2)}.resultHero{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.scoreCircle{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;border:7px solid #173d5a;background:radial-gradient(circle,#0e2c47,#091a2c)}.scoreCircle strong{font-size:32px}.resultGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.metric{padding:12px;border:1px solid var(--line);border-radius:14px;background:#091a2b}.metric b{font-size:18px;display:block}.metric span{font-size:11px;color:var(--muted)}.historyRow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #17304a;padding:13px 0;gap:10px}.historyRow:last-child{border-bottom:0}.historyChart{height:130px;margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;align-items:flex-end;gap:7px;background:#081728}.bar{flex:1;background:linear-gradient(180deg,#f0cd76,#7c5b1b);border-radius:6px 6px 0 0;min-height:4px;position:relative}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);padding-bottom:4px}.qrgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.qrCard{border:1px solid var(--line);border-radius:16px;background:#081728;padding:14px;text-align:center}.qrCard img{width:150px;max-width:100%;background:#fff;border-radius:10px;padding:7px}.qrCard h4{margin:8px 0 4px}.small{font-size:11px;color:var(--muted)}.footer{padding:22px 4px;color:#6f849a;font-size:12px;text-align:center}.modalNote{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffe8a8;font-size:12px}.hidden{display:none!important}
@media(max-width:950px){.grid,.resultHero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.variants{grid-template-columns:repeat(4,1fr)}.qrgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app{padding:12px}.topbar{position:relative;top:0}.nav{display:none}.mobileNav{position:sticky;bottom:10px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(6,17,31,.94);backdrop-filter:blur(12px)}.mobileNav button{background:#0b2036;border:1px solid var(--line);color:#dfe8f4;border-radius:10px;padding:8px 5px;font-size:11px}.mobileNav button.active{border-color:rgba(232,191,98,.6);color:var(--gold)}.hero{padding:22px}.hero h2{font-size:30px}.formgrid{grid-template-columns:1fr}.resultGrid{grid-template-columns:repeat(2,1fr)}.qrgrid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.variants{grid-template-columns:repeat(2,1fr)}}