@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800;900&display=swap";:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#221c25;background:#f7efe8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #221c25;--muted: #746a72;--pink: #f7b7cf;--blush: #ffe4ed;--cream: #fff3d6;--mint: #bcefe5;--aqua: #5ecfc1;--yellow: #ffe38a;--line: rgba(82, 70, 82, .15);--glass: rgba(255, 255, 255, .54);--glass-strong: rgba(255, 255, 255, .72);--shadow: 0 28px 80px rgba(96, 70, 95, .18)}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;margin:0;background:linear-gradient(135deg,#fff4d6f2,#ffe2ede0 28%,#d5f8f0eb 58%,#ffeea7c2),linear-gradient(180deg,#fff9ef,#f8edf4);background-attachment:fixed}button,input,code{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.page{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;width:min(840px,calc(100% - 32px));height:100svh;margin:0 auto;overflow:hidden;padding:22px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.x-logo-button{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#ffffff8f;color:#0f0f10;box-shadow:none;text-decoration:none;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.x-logo{display:block;flex:0 0 auto}.hero{margin-bottom:0}.kicker{display:inline-flex;align-items:center;min-height:28px;margin:0 0 8px;padding:0 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffff70;color:#0f8d82;box-shadow:0 10px 30px #5ecfc129;font-size:12px;font-weight:900;text-transform:uppercase;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}h1,h2,p{margin:0}.panel,.info-card{border:1px solid rgba(255,255,255,.7);border-radius:26px;background:var(--glass);box-shadow:0 18px 56px #60465f1f;backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45)}.top-ranking{min-height:0;overflow:hidden}.controls-panel{align-self:end;overflow:hidden}.button-tray{display:flex;gap:8px;min-width:0}.toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff70;color:var(--ink);font-size:13px;font-weight:950;box-shadow:none}.toggle svg{color:#0f8d82;transition:transform .18s ease}.toggle.active{background:#ffffffb8;border-color:#5ecfc16b}.toggle svg.open{transform:rotate(180deg)}.calculator{display:grid;gap:10px;max-height:min(52vh,470px);overflow:auto;padding:16px}.how-content{max-height:min(38vh,330px);overflow:auto;padding:16px}.calculator+.how-content{border-top:1px solid rgba(255,255,255,.62)}label{display:grid;gap:8px;color:#746471;font-size:12px;font-weight:900;text-transform:uppercase}.locked-metric{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:0 14px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#ffffff80}.locked-metric span{color:#746471;font-size:12px;font-weight:900;text-transform:uppercase}.locked-metric strong{color:#0f8d82;font-weight:950}.button-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.button-row button{min-height:40px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:#ffffff8a;color:var(--ink);box-shadow:none;font-weight:900}.button-row button.active{border-color:#5ecfc1b3;background:linear-gradient(135deg,#5ecfc1,#a9f0e2);color:#073c38;box-shadow:none}.inputs,.math,.score-preview,.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.inputs,.math,.score-preview{grid-template-columns:repeat(3,minmax(0,1fr))}input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:#ffffff9e;color:var(--ink);box-shadow:none;font-size:18px;font-weight:900;outline:none}input:focus{border-color:#5ecfc1e6;box-shadow:0 0 0 3px #bcefe55c}.result{display:grid;gap:6px;padding:13px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:linear-gradient(135deg,#ffe4edb8,#fff3d6b8)}.result span,.math span,.score-preview span{color:#746471;font-size:13px;font-weight:900}.result strong{overflow-wrap:anywhere;color:var(--ink);font-size:20px}.math span,.score-preview div{min-height:40px;padding:10px;border-radius:16px;background:#ffffff7a}.score-preview div{display:grid;gap:4px}.score-preview strong{color:var(--ink);font-size:20px;font-weight:950}.score-head,.how-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.score-head>strong{color:var(--ink)}.inline-info-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff8f;color:var(--ink);box-shadow:none;font-size:13px;font-weight:950}.inline-info-button svg{color:#0f8d82;transition:transform .18s ease}.inline-info-button svg.open{transform:rotate(180deg)}.point-system{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#ffffff7a}.point-system strong{color:var(--ink)}.point-system p{color:var(--muted);font-size:13px;line-height:1.42}.formula-grid{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);gap:7px 10px;align-items:center}.formula-grid span{color:#746471;font-size:12px;font-weight:900;text-transform:uppercase}.formula-grid strong{min-width:0;overflow-wrap:anywhere;font-size:13px}.x-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:18px;font-weight:950;text-decoration:none}.x-button{border:0;background:linear-gradient(135deg,#221c25,#413341);color:#fff;box-shadow:none}.copy-button{border:1px solid rgba(255,255,255,.78);background:#ffffff9e;color:var(--ink)}.info-card h2{color:var(--ink);font-size:20px;letter-spacing:0}.info-card{padding:16px}.step-list{display:grid;gap:14px;margin-top:14px}.step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}.step svg{display:grid;place-items:center;width:34px;height:34px;padding:7px;border-radius:14px;background:#bcefe5b8;color:#0f8d82}.step div{display:grid;gap:4px}.step strong{color:var(--ink)}.step p{color:var(--muted);line-height:1.42}.card-title,.rank-list li{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title svg{color:#d89c12}.rank-list{display:grid;gap:7px;padding:0;margin:12px 0 0;list-style:none}.rank-list li{min-height:43px;padding:7px 9px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:#ffffff7a;box-shadow:none}.rank-list li>span{display:grid;place-items:center;flex:0 0 auto;width:32px;height:29px;border-radius:14px;background:linear-gradient(135deg,var(--yellow),var(--cream));color:#5a4310;font-weight:950}.rank-list div{min-width:0;flex:1;display:grid;gap:2px}.rank-list strong,.rank-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list strong{color:var(--ink)}.rank-list small{color:var(--muted)}.rank-list em{flex:0 0 auto;color:#0f8d82;font-style:normal;font-weight:950}@media(max-width:640px){.page{width:min(100% - 24px,840px);gap:10px;padding:14px 0}.topbar{gap:8px}.x-logo-button{width:38px;height:38px}.button-tray{gap:6px}.button-row,.inputs,.math,.score-preview,.actions{grid-template-columns:1fr}.panel,.info-card{border-radius:22px}.toggle{min-height:34px;padding:0 10px;font-size:12px}.calculator{max-height:44vh}}