:root{--accent:var(--calc-color-sports);--green:#10b981;--amber:#f59e0b;--orange:#fb923c;--red:#f43f5e;--cyan:#22d3ee}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--calc-bg-page);color:var(--calc-text-primary);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(--calc-text-dim);margin-bottom:.5rem;font-size:.79rem}.page-title{margin-bottom:.25rem;font-size:2rem;font-weight:800}.page-sub{color:var(--calc-text-faded);font-size:.92rem}.card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);padding:20px}.input-card{border-left:3px solid var(--calc-color-sports)}.result-card{border-left:3px solid var(--calc-purple)}.section-title{margin-bottom:14px;font-size:1rem;font-weight:700}.tab-nav{border-bottom:1px solid var(--calc-border-subtle);flex-wrap:wrap;margin-bottom:24px;display:flex}.tab-btn{color:var(--calc-text-faded);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:color .2s}.tab-btn:hover{color:var(--calc-text-primary)}.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<=1024px){.calc-layout{grid-template-columns:minmax(0,1fr)}}.form-group{margin-bottom:14px}.form-label{color:var(--calc-text-faded);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.preset-chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip-btn{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);cursor:pointer;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:.78rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.chip-btn:hover{border-color:var(--accent);color:var(--calc-text-primary)}.chip-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.action-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btn{border-radius:var(--calc-radius-md);cursor:pointer;border:none;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .1s}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);color:var(--calc-text-primary)}.hero-result{text-align:center;border-radius:var(--calc-radius-md);background:linear-gradient(135deg,#fb923c14,#a855f70d);border:1px solid #fb923c40;margin-bottom:18px;padding:22px 16px 18px}.hero-label{color:var(--calc-text-dim);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(--calc-text-faded);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-good{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee4d}.tier-average{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.tier-below{color:#fb923c;background:#f973161f;border:1px solid #f973164d}.tier-poor{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e4d}.gauge-container{text-align:center;margin-bottom:16px}.whip-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(--calc-text-dim);justify-content:space-between;margin:2px auto 0;font-size:.68rem;display:flex}.stat-mini-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=480px){.stat-mini-grid{grid-template-columns:repeat(3,1fr)}}.stat-mini-card{background:var(--calc-bg-input);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);text-align:center;padding:10px 8px}.stat-mini-card.green-left{border-left:3px solid var(--green)}.stat-mini-card.cyan-left{border-left:3px solid var(--cyan)}.stat-mini-card.orange-left{border-left:3px solid var(--orange)}.stat-mini-label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:.64rem}.stat-mini-value{color:var(--calc-text-primary);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.stat-mini-context{color:var(--calc-text-dim);margin-top:2px;font-size:.62rem}.context-card{border:1px solid var(--calc-border-subtle);border-radius:10px;margin-bottom:4px;padding:14px 16px}.context-card.good{background:#10b9810f;border-color:#10b98159}.context-card.neutral{background:#f59e0b0f;border-color:#f59e0b59}.context-card.warn{background:#f43f5e0f;border-color:#f43f5e4d}.context-title{color:var(--calc-text-primary);margin-bottom:4px;font-size:.82rem;font-weight:700}.context-body{color:var(--calc-text-faded);font-size:.82rem;line-height:1.6}.rating-section{margin-bottom:24px}.rating-section-title{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem;font-weight:700}.tier-ref-table,.pitcher-table{border-collapse:collapse;width:100%;font-size:.83rem}.tier-ref-table th,.pitcher-table th{background:var(--calc-bg-input);color:var(--calc-text-dim);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:8px 12px;font-size:.72rem;font-weight:600}.tier-ref-table td,.pitcher-table td{border-bottom:1px solid var(--calc-border-subtle);color:var(--calc-text-primary);padding:10px 12px}.tier-ref-table tr:last-child td,.pitcher-table tr:last-child td{border-bottom:none}.tier-ref-table tr:hover td,.pitcher-table tr:hover td{background:#ffffff05}.whip-cell{font-family:JetBrains Mono,monospace;font-weight:700}.era-cell{color:var(--calc-text-dim);font-family:JetBrains Mono,monospace}.table-scroll{border-radius:var(--calc-radius-md);border:1px solid var(--calc-border-subtle);overflow-x:auto}.mlb-context{background:var(--calc-bg-input);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);padding:14px 16px;font-size:.82rem;line-height:1.7}.mlb-context strong{color:var(--calc-text-primary)}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}[data-theme=light]{--green:#047857;--amber:#b45309;--orange:#c2410c;--red:#e11d48;--cyan:#0891b2}[data-theme=light] .card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000012}[data-theme=light] .input-card{border-left-color:#c2410c}[data-theme=light] .result-card{border-left-color:#7c3aed}[data-theme=light] .hero-result{background:linear-gradient(135deg,#c2410c12,#7c3aed0d);border-color:#c2410c4d}[data-theme=light] .hero-value{color:#c2410c}[data-theme=light] .chip-btn{color:#475569;background:#f0f4f9;border-color:#00000026}[data-theme=light] .chip-btn:hover{color:#0f172a;border-color:#c2410c}[data-theme=light] .chip-btn.active{color:#fff;background:#c2410c;border-color:#c2410c}[data-theme=light] .btn-ghost{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .stat-mini-card{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-mini-card.green-left{border-left-color:#047857}[data-theme=light] .stat-mini-card.cyan-left{border-left-color:#0891b2}[data-theme=light] .stat-mini-card.orange-left{border-left-color:#c2410c}[data-theme=light] .stat-mini-value{color:#0f172a}[data-theme=light] .context-card{background:#f8fafc;border-color:#0000001a}[data-theme=light] .context-card.good{background:#f0fdf4;border-color:#04785759}[data-theme=light] .context-card.neutral{background:#fffbeb;border-color:#b4530959}[data-theme=light] .context-card.warn{background:#fff1f2;border-color:#e11d484d}[data-theme=light] .context-title{color:#0f172a}[data-theme=light] .context-body{color:#475569}[data-theme=light] .tier-badge.tier-elite{color:#047857;background:#f0fdf4;border-color:#04785766}[data-theme=light] .tier-badge.tier-good{color:#0891b2;background:#eff9fb;border-color:#0891b259}[data-theme=light] .tier-badge.tier-average{color:#b45309;background:#fffbeb;border-color:#b4530959}[data-theme=light] .tier-badge.tier-below{color:#c2410c;background:#fff7ed;border-color:#c2410c59}[data-theme=light] .tier-badge.tier-poor{color:#e11d48;background:#fff1f2;border-color:#e11d484d}[data-theme=light] .gauge-text{fill:#0f172a}[data-theme=light] .gauge-sub-text{fill:#64748b}[data-theme=light] #gauge-needle{stroke:#0f172a}[data-theme=light] #gauge-center-dot{fill:#0f172a}[data-theme=light] .tier-ref-table th,[data-theme=light] .pitcher-table th{color:#475569;background:#edf2f9}[data-theme=light] .tier-ref-table td,[data-theme=light] .pitcher-table td{color:#0f172a;border-color:#00000012}[data-theme=light] .tier-ref-table tr:hover td,[data-theme=light] .pitcher-table tr:hover td{background:#f8fafc}[data-theme=light] .table-scroll{border-color:#0000001a}[data-theme=light] .whip-cell{color:#0f172a}[data-theme=light] .era-cell{color:#475569}[data-theme=light] .mlb-context{color:#475569;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .mlb-context strong{color:#0f172a}