*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0b1e;--bg2: #120f2a;--card: #16122e;--card-hi: #1e1840;--border: rgba(124, 58, 237, .25);--border-hi: rgba(167, 139, 250, .45);--primary: #8b5cf6;--primary-dk: #7c3aed;--neon: #f0abfc;--neon2: #a78bfa;--cyan: #67e8f9;--pink: #f472b6;--text: #e2e8f0;--muted: #94a3b8;--muted2: #64748b;--radius: 14px;--shadow: 0 4px 32px rgba(0, 0, 0, .55);--glow: 0 0 18px rgba(139, 92, 246, .35);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(124,58,237,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(236,72,153,.12) 0%,transparent 60%),var(--bg)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.site-header{text-align:center;padding:2.5rem 1.5rem 1.5rem;width:100%}.site-header-inner{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:0}.site-logo{height:2.6rem;width:auto;flex-shrink:0}.site-header h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(120deg,#a78bfa,#f0abfc 60%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-header p{color:var(--muted);margin-top:.45rem;font-size:.97rem}.content{width:100%;max-width:1280px;padding:0 1.5rem 4rem;display:flex;flex-direction:column;gap:1.1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow),var(--glow);padding:1.5rem;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.6}.form-card{padding:1.1rem 1.5rem 1rem}.controls-top{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.controls-sex{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}.toggle-group{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border);width:fit-content}.toggle-btn{padding:.45rem 1.2rem;border:none;background:transparent;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.toggle-btn.active{background:linear-gradient(135deg,var(--primary-dk),var(--primary));color:#fff}.toggle-btn:not(.active):hover{background:var(--card-hi);color:var(--text)}.sliders-row{display:flex;gap:2rem;flex:1;flex-wrap:wrap;min-width:0}.slider-field{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:180px}.slider-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.slider-label{font-size:.75rem;font-weight:700;color:var(--neon2);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.slider-value{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:99px;background:var(--bg2);border:1px solid var(--border);outline:none;cursor:pointer;transition:border-color .15s}.slider:hover{border-color:var(--border-hi)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary-dk),var(--neon));box-shadow:0 0 12px #f0abfc8c;cursor:pointer;transition:box-shadow .15s,transform .1s}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px #f0abfccc;transform:scale(1.15)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary-dk),var(--neon));box-shadow:0 0 12px #f0abfc8c;cursor:pointer}.parent-toggle-row{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border)}.parent-sliders{margin-top:.75rem}.toggle-section-btn{background:none;border:none;color:var(--neon2);font-size:.82rem;font-weight:600;cursor:pointer;padding:0;letter-spacing:.01em;opacity:.8}.toggle-section-btn:hover{opacity:1;text-decoration:underline}.factors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem 1.5rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.factor-group{display:flex;flex-direction:column;gap:.45rem}.factor-header{display:flex;align-items:baseline;gap:.5rem}.factor-hint{font-size:.7rem;color:var(--muted2);font-style:italic}.factor-btn-group{display:flex;flex-wrap:wrap;gap:.3rem}.factor-btn{padding:.3rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.factor-btn:hover{border-color:var(--border-hi);color:var(--text)}.factor-btn.active{background:linear-gradient(135deg,var(--primary-dk),var(--primary));border-color:var(--primary);color:#fff;box-shadow:0 0 10px #8b5cf659}.chart-card{padding:1.25rem 1rem 1rem}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.chart-card h2{font-size:.8rem;font-weight:700;color:var(--neon2);letter-spacing:.08em;text-transform:uppercase;margin:0}.live-badge{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4ade80;opacity:.85;animation:pulse-badge 2.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:.85}50%{opacity:.4}}.chart-wrap{width:100%;height:clamp(340px,52vh,560px)}.result-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 2rem}.result-card h2{font-size:.8rem;font-weight:700;color:var(--neon2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.2rem}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem}.stat-tile{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.stat-tile-label{font-size:.72rem;font-weight:600;color:var(--muted2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem}.stat-tile-value{font-size:1.55rem;font-weight:800;line-height:1;background:linear-gradient(120deg,#a78bfa,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-tile-sub{font-size:.78rem;color:var(--muted);margin-top:.25rem}.result-section{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--border)}.result-section h3{font-size:.78rem;font-weight:700;color:var(--neon2);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem}.method-note{font-size:.76rem;color:var(--muted2);margin-bottom:.8rem;line-height:1.45}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.28rem 0}.result-row.secondary{opacity:.65}.result-label{font-size:.85rem;color:var(--muted);flex-shrink:0}.result-value{font-size:.95rem;font-weight:600;text-align:right;color:var(--text)}.result-value.big{font-size:1.5rem;background:linear-gradient(120deg,#a78bfa,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.result-value.small{font-size:.82rem;font-weight:500}.percentile-bar-wrap{margin:1rem 0 .3rem}.percentile-bar{height:8px;background:#ffffff12;border-radius:4px;position:relative;overflow:visible}.percentile-fill{height:100%;border-radius:4px;background:linear-gradient(to right,#6d28d9,#a78bfa,#f0abfc);max-width:100%;box-shadow:0 0 10px #a78bfa80;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.percentile-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--neon);border:2.5px solid var(--bg);border-radius:50%;box-shadow:0 0 10px #f0abfcb3;transition:left .5s cubic-bezier(.34,1.56,.64,1)}.percentile-ticks{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted2);margin-top:.4rem;padding:0 1px}.disclaimer{margin-top:1.1rem;font-size:.73rem;color:var(--muted2);line-height:1.55;padding-top:1rem;border-top:1px solid var(--border)}.error-msg{color:#f87171;font-size:.9rem}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--muted);padding:2rem;text-align:center}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{margin-top:auto;padding:1.5rem 1.5rem 2rem;text-align:center;font-size:.76rem;color:var(--muted2);line-height:1.7}.site-footer a{color:var(--neon2);text-decoration:none}.site-footer a:hover{text-decoration:underline}