:root{--accent:var(--calc-color-sports,#fb923c);--accent-light:#fb923c26;--accent-glow:0 0 14px #fb923c40}.main-container{max-width:1400px;margin:0 auto;padding:40px 20px 60px}.page-header{margin-bottom:28px}.breadcrumb{color:var(--calc-text-faded);margin-bottom:8px;font-size:.8rem}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.15}.page-sub{color:var(--calc-text-faded);margin:0;font-size:.95rem;line-height:1.5}.calc-layout{grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;display:grid}.tab-intro{color:var(--calc-text-faded);margin:0 0 16px;font-size:.88rem}.tab-nav{border-bottom:1px solid var(--calc-border-subtle);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tab-btn{color:var(--calc-text-faded);cursor:pointer;font-family:var(--calc-font-headline);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 16px 12px;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--calc-text-primary)}.tab-btn.active{border-bottom-color:var(--accent);color:var(--calc-text-primary)}.tab-content{display:none}.tab-content.active{display:block}.card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:20px 22px}.input-card{flex-direction:column;gap:0;display:flex}.result-card{flex-direction:column;display:flex}.section-title{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin:0 0 14px;font-size:.78rem;font-weight:700}.mode-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.mode-row--sm{margin-bottom:12px}.mode-chip{background:var(--calc-bg-glass);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);cursor:pointer;font-family:var(--calc-font-headline);border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.mode-chip:hover{border-color:var(--accent);color:var(--calc-text-primary)}.mode-chip.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.input-divider{text-transform:uppercase;letter-spacing:.07em;color:var(--calc-text-dim);border-bottom:1px solid var(--calc-border-subtle);margin:14px 0 10px;padding-bottom:5px;font-size:.74rem;font-weight:700}.inline-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.form-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.form-label{color:var(--calc-text-faded);font-size:.82rem}.glass-input{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-family:var(--calc-font-mono);box-sizing:border-box;width:100%;padding:8px 10px;font-size:1rem;transition:border-color .15s}.glass-input:focus{border-color:var(--accent);box-shadow:var(--accent-glow);outline:none}.action-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btn{border-radius:var(--calc-radius-md);cursor:pointer;font-family:var(--calc-font-headline);border:none;padding:8px 16px;font-size:.83rem;font-weight:600;transition:all .15s}.btn-ghost{background:var(--calc-bg-glass);border:1px solid var(--calc-border-default);color:var(--calc-text-faded)}.btn-ghost:hover{border-color:var(--accent);color:var(--calc-text-primary)}.hero-result{text-align:center;border-bottom:1px solid var(--calc-border-subtle);margin-bottom:16px;padding:20px 12px 18px}.hero-label{text-transform:uppercase;letter-spacing:.07em;color:var(--calc-text-dim);margin-bottom:4px;font-size:.75rem}.hero-value{font-family:var(--calc-font-mono);color:var(--accent);margin-bottom:4px;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1.1}.hero-mode{color:var(--calc-text-faded);margin-bottom:6px;font-size:.78rem}.hero-sub{color:var(--calc-text-dim);font-size:.8rem;line-height:1.45}.breakdown-table{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.bd-row{grid-template-columns:90px 1fr 72px;align-items:center;gap:8px;display:grid}.bd-label{color:var(--calc-text-faded);font-size:.8rem;font-weight:600}.bd-bar-wrap{background:#ffffff0d;border-radius:4px;height:6px;overflow:hidden}.bd-bar{background:var(--accent);border-radius:4px;width:0;height:100%;transition:width .3s;display:block}.bd-bar--neg{background:var(--calc-rose,#fb7185)}.bd-pts{font-family:var(--calc-font-mono);color:var(--calc-text-primary);text-align:right;font-size:.82rem}.bd-pts--neg,.bd-row--deduct .bd-label{color:var(--calc-rose,#fb7185)}.chart-title{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin-bottom:10px;font-size:.75rem;font-weight:700}.scenario-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.scenario-card{padding:18px}.scenario-title{font-family:var(--calc-font-headline);border-bottom:2px solid var(--calc-border-subtle);margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:700}.scenario-title--a{color:#fb923c;border-bottom-color:#fb923c80}.scenario-title--b{color:#22d3ee;border-bottom-color:#22d3ee80}.comparison-table{border-collapse:collapse;width:100%;font-size:.88rem}.comparison-table th{background:var(--calc-bg-glass);border-bottom:1px solid var(--calc-border-default);color:var(--calc-text-faded);text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;font-size:.75rem;font-weight:700}.comparison-table td{border-bottom:1px solid var(--calc-border-subtle);color:var(--calc-text-primary);padding:10px 12px}.comparison-table tr:last-child td{border-bottom:none}.pts-cell{font-family:var(--calc-font-mono);font-weight:600}.pts-win{color:var(--accent)}.custom-vs-std{font-family:var(--calc-font-mono);text-align:center;border-radius:var(--calc-radius-md);background:#ffffff0a;margin-top:12px;padding:10px;font-size:.85rem}.diff-pos{color:var(--calc-emerald,#34d399)}.diff-neg{color:var(--calc-rose,#fb7185)}@media (width<=1024px){.calc-layout,.scenario-layout{grid-template-columns:1fr}}@media (width<=600px){.main-container{padding:24px 14px 40px}.inline-grid{grid-template-columns:1fr}.bd-row{grid-template-columns:80px 1fr 64px}.tab-btn{padding:8px 10px 10px;font-size:.8rem}.action-row{gap:6px}}[data-theme=light]{--accent:#c2410c;--accent-light:#c2410c1a;--accent-glow:0 0 10px #c2410c26}[data-theme=light] .card{background:#fff;border-color:#0000001f;box-shadow:0 2px 10px #00000012}[data-theme=light] .mode-chip{color:#475569;background:#f0f4f9;border-color:#00000026}[data-theme=light] .mode-chip:hover{color:#0f172a;border-color:#c2410c}[data-theme=light] .mode-chip.active{color:#c2410c;background:#c2410c1a;border-color:#c2410c}[data-theme=light] .glass-input{color:#0f172a;background:#f0f4f9;border-color:#0000002e}[data-theme=light] .glass-input:focus{border-color:#c2410c;box-shadow:0 0 8px #c2410c1f}[data-theme=light] .glass-input::placeholder{color:#0006}[data-theme=light] .hero-value{color:#c2410c}[data-theme=light] .bd-bar-wrap{background:#00000012}[data-theme=light] .btn-ghost{color:#475569;background:#f0f4f9;border-color:#00000026}[data-theme=light] .btn-ghost:hover{color:#0f172a;border-color:#c2410c}[data-theme=light] .tab-btn.active{border-bottom-color:#c2410c}[data-theme=light] .scenario-title--a{color:#c2410c;border-bottom-color:#c2410c66}[data-theme=light] .scenario-title--b{color:#0891b2;border-bottom-color:#0891b266}[data-theme=light] .comparison-table th{color:#64748b;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .comparison-table td{color:#0f172a;border-color:#00000014}[data-theme=light] .pts-win{color:#c2410c}[data-theme=light] .custom-vs-std{background:#edf2f9}[data-theme=light] .diff-pos{color:#047857}[data-theme=light] .diff-neg,[data-theme=light] .bd-pts--neg,[data-theme=light] .bd-row--deduct .bd-label{color:#e11d48}[data-theme=light] .bd-bar--neg{background:#e11d48}