:root{--accent:#e84393;--bg-app:#050510;--bg-card:#0d0d1f;--bg-input:#111128;--text-main:#fff;--text-dim:#88a;--text-muted:#557;--cyan:#00f3ff;--purple:#bc13fe;--green:#10b981;--red:#f43f5e;--amber:#f59e0b;--border:#ffffff14;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.main-container{max-width:1200px;margin:0 auto;padding:24px}.page-header{margin-bottom:1.5rem}.breadcrumb{color:var(--text-muted);margin-bottom:.5rem;font-size:.79rem}.page-title{margin-bottom:.25rem;font-size:2rem;font-weight:800}.page-sub{color:var(--text-dim);font-size:.92rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.input-card{border-left:3px solid var(--cyan)}.result-card{border-left:3px solid var(--purple)}.section-title{margin-bottom:14px;font-size:1rem;font-weight:700}.hidden{display:none!important}.tab-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 22px;font-family:inherit;font-size:.9rem;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-content{display:none}.tab-content.active{display:block}.calc-layout{grid-template-columns:360px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.calc-layout{grid-template-columns:minmax(0,1fr)}}.form-group{margin-bottom:14px}.form-label{color:var(--text-dim);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent);outline:none}.inline-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inline-grid-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.inline-grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}.input-group-label{color:var(--text-muted);margin-bottom:3px;font-size:.76rem}.input-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:16px 0 10px;font-size:.75rem;display:flex}.input-divider:before,.input-divider:after{content:"";background:var(--border);flex:1;height:1px}.hero-result{text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,#e8439314,#bc13fe0d);border:1px solid #e8439340;margin-bottom:18px;padding:22px 16px 18px}.hero-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-size:.75rem}.hero-value{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:800;line-height:1.1}.hero-sub{color:var(--text-dim);margin-top:6px;font-size:.87rem}.tier-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;margin-top:8px;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.tier-elite{color:#10b981;background:#10b98126;border:1px solid #10b98159}.tier-above{color:var(--cyan);background:#00f3ff1a;border:1px solid #00f3ff4d}.tier-average{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b4d}.tier-below{color:#f97316;background:#f973161f;border:1px solid #f973164d}.tier-poor{color:var(--red);background:#f43f5e1f;border:1px solid #f43f5e4d}.gauge-container{text-align:center;margin-bottom:16px}.ba-gauge{width:100%;max-width:260px;margin:0 auto;display:block}.gauge-text{fill:#fff;font-family:JetBrains Mono,Courier New,monospace;font-size:14px;font-weight:800}.gauge-sub-text{fill:#88a;font-size:9px}.gauge-labels{max-width:260px;color:var(--text-muted);justify-content:space-between;margin:2px auto 0;font-size:.68rem;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=700px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px 10px}.stat-card.accent-left{border-left:3px solid var(--accent)}.stat-card.cyan-left{border-left:3px solid var(--cyan)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.66rem}.stat-value{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.stat-context{color:var(--text-muted);margin-top:3px;font-size:.68rem}.context-card{border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:14px 16px}.context-card.good{background:#10b9810f;border-color:#10b98140}.context-card.neutral{background:#f59e0b0f;border-color:#f59e0b33}.context-card.warn{background:#f43f5e0f;border-color:#f43f5e33}.context-title{margin-bottom:6px;font-size:.8rem;font-weight:700}.context-card.good .context-title{color:#10b981}.context-card.neutral .context-title{color:var(--amber)}.context-card.warn .context-title{color:var(--red)}.context-body{color:var(--text-dim);font-size:.82rem;line-height:1.6}.metric-bar-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.metric-bar-label{color:var(--text-dim);min-width:50px;font-size:.77rem}.metric-bar-track{background:#ffffff12;border-radius:4px;flex:1;height:8px;overflow:hidden}.metric-bar-fill{border-radius:4px;height:100%;transition:width .5s}.metric-bar-val{color:var(--text-main);text-align:right;min-width:42px;font-family:JetBrains Mono,monospace;font-size:.78rem}.action-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.83rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.12)}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:20px;display:grid}.proj-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:12px 10px}.proj-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.66rem}.proj-value{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.proj-sub{color:var(--text-muted);margin-top:2px;font-size:.7rem}.targets-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:.83rem}.targets-table th{color:var(--accent);text-align:left;letter-spacing:.04em;background:#e8439314;padding:8px 12px;font-size:.75rem;font-weight:600}.targets-table td{color:var(--text-dim);border-bottom:1px solid #ffffff0a;padding:9px 12px}.targets-table tr:last-child td{border-bottom:none}.targets-table td.achievable{color:#10b981;font-weight:600}.targets-table td.close{color:var(--amber);font-weight:600}.targets-table td.tough{color:var(--red)}.pace-compare-section{margin-top:20px}.pace-compare-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:700}.pace-compare-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.pcr-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:180px;font-size:.8rem;overflow:hidden}.pcr-bar{background:#ffffff0f;border-radius:4px;flex:1;height:7px;overflow:hidden}.pcr-fill{background:var(--accent);border-radius:4px;height:100%}.pcr-fill.you{background:linear-gradient(90deg, var(--cyan), var(--accent))}.pcr-ba{color:var(--text-main);text-align:right;flex-shrink:0;width:42px;font-family:JetBrains Mono,monospace;font-size:.78rem}.history-subtabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.subtab-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:.82rem;transition:all .2s}.subtab-btn:hover{border-color:var(--accent);color:var(--text-main)}.subtab-btn.active{color:var(--accent);border-color:var(--accent);background:#e843931f;font-weight:600}.subtab-content{display:none}.subtab-content.active{display:block}.hof-table{border-collapse:collapse;width:100%;font-size:.83rem}.hof-table th{color:var(--accent);text-align:left;letter-spacing:.04em;z-index:1;background:#e8439314;padding:8px 10px;font-size:.74rem;font-weight:600;position:sticky;top:0}.hof-table td{color:var(--text-dim);border-bottom:1px solid #ffffff0a;padding:9px 10px}.hof-table tr:hover td{background:#ffffff05}.hof-table tr:last-child td{border-bottom:none}.hof-table .player-name{color:var(--text-main);font-weight:600}.hof-table .ba-cell{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700}.hof-table .rank-cell{color:var(--text-muted);width:32px}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);max-height:460px;overflow:auto}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:20px;display:grid}.pos-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px}.pos-name{color:var(--text-dim);margin-bottom:6px;font-size:.8rem;font-weight:600}.pos-ba{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:800}.pos-bar-wrap{background:#ffffff0f;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.pos-bar{background:var(--accent);border-radius:3px;height:100%}.pos-you{border-color:var(--accent);background:#e843930f}.pos-you .pos-name{color:var(--accent)}.compare-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.compare-inputs{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}@media (width<=700px){.compare-inputs{grid-template-columns:1fr}}.compare-vs{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid}.compare-vs-sep{color:var(--text-muted);text-align:center;padding-top:40px;font-size:1.5rem}.compare-player-name{text-align:center;margin-bottom:10px;font-size:1rem;font-weight:700}.compare-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:.83rem;display:flex}.compare-stat-row:last-child{border-bottom:none}.compare-stat-key{color:var(--text-muted)}.compare-stat-val{font-family:JetBrains Mono,monospace;font-weight:600}.compare-winner{color:#10b981}@media (width<=600px){.compare-vs{grid-template-columns:1fr}.compare-vs-sep{padding-top:0;font-size:1.2rem}}.chart-wrap{margin-bottom:16px;position:relative}.page-sections-outer{max-width:1200px;margin:0 auto;padding:0 24px 3rem}.calc-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:24px}.calc-section__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.calc-section__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.calc-section__icon--cyan{background:#00f3ff1a}.calc-section__icon--gold{background:#ffd7001a}.calc-section__icon--purple{background:#bc13fe1a}.calc-section__icon--pink{background:#e843931a}.calc-section__title{font-size:1.1rem;font-weight:700}.how-steps{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.how-step{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:16px}.how-step__num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-size:.82rem;font-weight:800;display:flex}.how-step__title{margin-bottom:4px;font-size:.88rem;font-weight:700}.how-step__body{color:var(--text-dim);font-size:.81rem;line-height:1.6}.formula-pills2{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.fp2{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:14px}.fp2-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.73rem;font-weight:700}.fp2-eq{color:var(--text-main);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:600}.fp2-desc{color:var(--text-dim);font-size:.77rem;line-height:1.55}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.glossary-chip{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:14px}.glossary-chip__term{color:var(--accent);margin-bottom:4px;font-size:.82rem;font-weight:700;display:block}.glossary-chip__def{color:var(--text-dim);font-size:.79rem;line-height:1.6}.examples-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.examples-tab{border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.81rem;transition:all .2s}.examples-tab.active{color:var(--accent);border-color:var(--accent);background:#e843931f;font-weight:600}.example-card-enhanced{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:18px}.example-card__header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.example-card__avatar{background:#e843931f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.example-card__persona h4{font-size:.9rem;font-weight:700}.example-card__body{color:var(--text-dim);font-size:.83rem;line-height:1.7}.example-stats{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.example-stat{background:#e8439314;border:1px solid #e8439333;border-radius:6px;padding:5px 10px;font-size:.78rem}.example-stat strong{color:var(--accent)}.calc-article h3{color:var(--text-main);margin-top:18px;margin-bottom:10px;font-size:1rem;font-weight:700}.calc-article h3:first-child{margin-top:0}.calc-article p{color:var(--text-dim);margin-bottom:12px;font-size:.85rem;line-height:1.75}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--text-main);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";color:var(--text-dim);flex-shrink:0;margin-left:16px;font-family:JetBrains Mono,monospace;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--accent)}.faq-item__question:hover{color:var(--accent)}.faq-item__answer{color:var(--text-dim);padding:0 4px 14px;font-size:.85rem;line-height:1.75}.calc-related__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.toast{z-index:9999;pointer-events:none;border-radius:10px;padding:12px 18px;font-size:.84rem;font-weight:600;animation:.25s fadeUp;position:fixed;bottom:24px;right:24px}.toast-success{color:#fff;background:#10b981}.toast-warn{background:var(--amber);color:#000}.toast-error{background:var(--red);color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.main-container{padding:16px}.page-sections-outer{padding:0 16px 2rem}.page-title{font-size:1.5rem}.hero-value{font-size:2.4rem}.tab-btn{padding:8px 14px;font-size:.83rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.proj-grid{grid-template-columns:repeat(3,1fr)}.hof-table td,.hof-table th{padding:7px 8px;font-size:.77rem}}[data-theme=light]{--bg-app:#e8edf5;--bg-card:#fff;--bg-input:#f0f4f9;--text-main:#0f172a;--text-dim:#334155;--text-muted:#64748b;--border:#0000001a;--accent:#9d174d;--cyan:#0e7490;--purple:#7c3aed;--green:#15803d;--red:#be123c;--amber:#b45309}[data-theme=light] body{background:var(--bg-app)}[data-theme=light] .glass-navbar{backdrop-filter:blur(12px);background:#f8fafcf2!important;border-bottom:1px solid #0000001a!important}[data-theme=light] .card{box-shadow:0 2px 10px #00000012}[data-theme=light] .input-card{border-left-color:var(--cyan)}[data-theme=light] .result-card{border-left-color:var(--purple)}[data-theme=light] .form-input{background:var(--bg-input);color:var(--text-main);border-color:#00000026}[data-theme=light] .form-input:focus{border-color:var(--accent)}[data-theme=light] .form-input::placeholder{color:#00000059}[data-theme=light] .hero-result{background:linear-gradient(135deg,#9d174d0f,#7c3aed0a);border-color:#9d174d33}[data-theme=light] .gauge-text{fill:#0f172a}[data-theme=light] .gauge-sub-text{fill:#64748b}[data-theme=light] .stat-card{background:#edf2f9;border-color:#0000001a;box-shadow:0 1px 4px #0000000d}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .tier-elite{color:#15803d;background:#15803d1a;border-color:#15803d4d}[data-theme=light] .tier-above{color:#0e7490;background:#0e74901a;border-color:#0e74904d}[data-theme=light] .tier-average{color:#b45309;background:#b453091a;border-color:#b4530940}[data-theme=light] .tier-below{color:#c2410c;background:#c2410c1a;border-color:#c2410c40}[data-theme=light] .tier-poor{color:#be123c;background:#be123c1a;border-color:#be123c40}[data-theme=light] .context-card{background:#f8fafc}[data-theme=light] .context-card.good{background:#f0fdf4;border-color:#16a34a4d}[data-theme=light] .context-card.neutral{background:#fffbeb;border-color:#d977064d}[data-theme=light] .context-card.warn{background:#fff1f2;border-color:#e11d484d}[data-theme=light] .context-card.good .context-title{color:#15803d}[data-theme=light] .context-card.neutral .context-title{color:#b45309}[data-theme=light] .context-card.warn .context-title{color:#be123c}[data-theme=light] .metric-bar-track{background:#00000014}[data-theme=light] .tab-btn{color:var(--text-muted)}[data-theme=light] .tab-btn:hover{color:var(--text-main)}[data-theme=light] .tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=light] .tab-nav{border-bottom-color:#0000001f}[data-theme=light] .subtab-btn{color:var(--text-dim);background:#edf2f9;border-color:#0000001f}[data-theme=light] .subtab-btn.active{color:var(--accent);border-color:var(--accent);background:#9d174d1a}[data-theme=light] .proj-card{background:#edf2f9;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}[data-theme=light] .targets-table th{background:#9d174d12}[data-theme=light] .targets-table td{color:var(--text-dim);border-color:#0000000f}[data-theme=light] .targets-table tr:hover td{background:#f8fafc}[data-theme=light] .pcr-bar{background:#00000012}[data-theme=light] .hof-table th{background:#9d174d12}[data-theme=light] .hof-table td{color:var(--text-dim);border-color:#0000000f}[data-theme=light] .hof-table tr:hover td{background:#f8fafc}[data-theme=light] .hof-table .player-name{color:#0f172a}[data-theme=light] .table-scroll{border-color:#0000001f}[data-theme=light] .pos-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .pos-ba{color:#0f172a}[data-theme=light] .pos-bar-wrap{background:#00000012}[data-theme=light] .pos-you{border-color:var(--accent);background:#9d174d0f}[data-theme=light] .pos-you .pos-name{color:var(--accent)}[data-theme=light] .compare-section{box-shadow:0 2px 8px #0000000f}[data-theme=light] .compare-stat-row{border-color:#00000014}[data-theme=light] .calc-section{box-shadow:0 2px 8px #0000000f}[data-theme=light] .how-step{background:#edf2f9;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}[data-theme=light] .how-step__num{background:var(--accent)}[data-theme=light] .fp2{background:#edf2f9;border-color:#0000001a}[data-theme=light] .fp2-label{color:var(--accent)}[data-theme=light] .glossary-chip{background:#edf2f9;border-color:#0000001a}[data-theme=light] .glossary-chip__term{color:var(--accent)}[data-theme=light] .example-card-enhanced{background:#edf2f9;border-color:#0000001a}[data-theme=light] .example-card__avatar{background:#9d174d1a}[data-theme=light] .example-stat{background:#9d174d12;border-color:#9d174d2e}[data-theme=light] .example-stat strong{color:var(--accent)}[data-theme=light] .examples-tab{color:var(--text-dim);background:#edf2f9;border-color:#0000001f}[data-theme=light] .examples-tab.active{color:var(--accent);border-color:var(--accent);background:#9d174d1a}[data-theme=light] .faq-item{border-color:#00000014}[data-theme=light] .faq-item__question{color:#0f172a}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:var(--accent)}[data-theme=light] .faq-item__answer{color:#475569}[data-theme=light] .input-divider{color:#94a3b8}[data-theme=light] .input-divider:before,[data-theme=light] .input-divider:after{background:#0000001a}[data-theme=light] .btn-ghost{color:var(--text-dim);border-color:#00000026}[data-theme=light] .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}