:root{--accent:var(--calc-color-sports);--accent-glow:#fb923c2e}[data-theme=light]{--accent:#c2410c;--accent-glow:none}*,:before,:after{box-sizing:border-box}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 24px 40px}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .35rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.page-subtitle{color:var(--calc-text-faded);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.action-bar{flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex}.action-btn{border:1px solid var(--calc-border-default);color:var(--calc-text-faded);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:7px 16px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.action-btn:hover{border-color:var(--accent);color:var(--accent);background:#fb923c1a}.action-btn--reset:hover{border-color:var(--calc-rose,#fb7185);color:var(--calc-rose,#fb7185);background:#fb71851a}.tab-nav{border:1px solid var(--calc-border-subtle);background:#ffffff08;border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.tab-btn{color:var(--calc-text-faded);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.tab-btn:hover{color:var(--calc-text-primary);background:#ffffff0d}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow);font-weight:600}.calc-grid{grid-template-columns:370px 1fr;align-items:start;gap:20px;display:grid}@media (width<=1024px){.calc-grid{grid-template-columns:1fr}}.input-card,.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg,16px);padding:20px 22px}.input-card{border-top:3px solid var(--accent)}.result-card{border-top:3px solid #fb923c66}.card-title{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.07em;color:var(--calc-text-faded);margin:0 0 16px;font-size:.78rem;font-weight:700}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group label{color:var(--calc-text-faded);font-size:.85rem;font-weight:500}.form-group input[type=text],.form-group input[type=number]{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md,12px);color:var(--calc-text-primary);font-family:var(--calc-font-mono);width:100%;padding:.6rem .85rem;font-size:1.05rem;transition:border-color .15s}.form-group input:focus{border-color:var(--accent);outline:none}.form-group input::placeholder{color:#ffffff47}.section-label{color:var(--calc-text-faded);margin-bottom:8px;font-size:.82rem;font-weight:500;display:block}.preset-section,.leg-inputs-section{margin-bottom:18px}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{border:1px solid var(--calc-border-subtle);color:var(--calc-text-faded);cursor:pointer;background:#ffffff0d;border-radius:16px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.preset-chip:hover{border-color:var(--accent);color:var(--accent);background:#fb923c1a}.preset-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.legs-stepper{align-items:center;gap:0;width:fit-content;display:flex}.stepper-btn{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);width:38px;height:38px;color:var(--calc-text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:background .15s,color .15s;display:flex}.stepper-btn:first-child{border-radius:var(--calc-radius-md,12px) 0 0 var(--calc-radius-md,12px)}.stepper-btn:last-child{border-radius:0 var(--calc-radius-md,12px) var(--calc-radius-md,12px) 0}.stepper-btn:hover{color:var(--accent);background:#fb923c26}.legs-stepper input[type=number]{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);width:56px;height:38px;color:var(--calc-text-primary);font-family:var(--calc-font-mono);text-align:center;-moz-appearance:textfield;border-left:none;border-right:none;border-radius:0;padding:0;font-size:1rem;font-weight:600}.legs-stepper input[type=number]::-webkit-outer-spin-button,.legs-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.legs-stepper input[type=number]:focus{border-color:var(--accent);z-index:1;outline:none;position:relative}.fmt-row{flex-wrap:wrap;gap:6px;display:flex}.fmt-btn{border:1px solid var(--calc-border-subtle);color:var(--calc-text-faded);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.fmt-btn:hover{border-color:var(--accent);color:var(--accent);background:#fb923c14}.fmt-btn.active{border-color:var(--accent);color:var(--accent);background:#fb923c26;font-weight:600}.leg-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.leg-row-label{width:46px;color:var(--calc-text-dim);text-align:right;flex-shrink:0;font-size:.78rem;font-weight:600}.leg-odds-input{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);color:var(--calc-text-primary);font-family:var(--calc-font-mono);border-radius:8px;flex:1;min-width:0;padding:7px 10px;font-size:.95rem;transition:border-color .15s}.leg-odds-input:focus{border-color:var(--accent);outline:none}.leg-odds-input::placeholder{color:#ffffff40}.leg-odds-input.invalid{border-color:var(--calc-rose,#fb7185)}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stat-item{border:1px solid var(--calc-border-subtle);background:#ffffff08;border-radius:10px;padding:12px 14px}.stat-item--wide{background:#fb923c14;border-color:#fb923c4d;grid-column:1/-1}.stat-value{font-family:var(--calc-font-mono);color:var(--calc-text-primary);margin-bottom:4px;font-size:1.35rem;font-weight:700;line-height:1.1}.stat-value--payout{color:var(--accent);font-size:1.6rem}.stat-value--profit{color:var(--calc-emerald,#34d399)}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-dim);font-size:.72rem;font-weight:600}.chart-section{margin-top:4px}.chart-label{color:var(--calc-text-dim);margin:0 0 8px;font-size:.78rem}.chart-wrap{height:220px;position:relative}.breakdown-section{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg,16px);padding:20px 22px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.breakdown-table{border-collapse:collapse;width:100%;font-size:.9rem}.breakdown-table th{border-bottom:2px solid var(--calc-border-default);color:var(--calc-text-faded);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#ffffff0a;padding:10px 12px;font-size:.75rem;font-weight:700}.breakdown-table td{border-bottom:1px solid var(--calc-border-subtle);color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:10px 12px;font-size:.88rem}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table tbody tr:hover{background:#ffffff08}.breakdown-table td:first-child{color:var(--calc-text-faded);font-family:Inter,sans-serif;font-weight:600}.breakdown-table .cumulative-final{color:var(--accent);font-weight:700}.breakdown-summary{color:var(--calc-text-faded);margin-top:12px;font-size:.85rem}.empty-msg{color:var(--calc-text-dim);text-align:center;padding:20px;font-family:Inter,sans-serif;font-style:italic}.singles-section{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg,16px);padding:20px 22px}.compare-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=768px){.compare-grid{grid-template-columns:1fr}}.compare-placeholder{text-align:center;color:var(--calc-text-dim);grid-column:1/-1;padding:20px;font-size:.9rem;font-style:italic}.compare-card{border:1px solid var(--calc-border-subtle);background:#ffffff08;border-radius:12px;padding:16px 18px}.compare-card h3{color:var(--accent);border-bottom:1px solid var(--calc-border-subtle);margin:0 0 12px;padding-bottom:8px;font-size:.9rem;font-weight:700}.compare-card.compare-card--singles h3{color:var(--calc-sky,#60a5fa)}.compare-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;padding:7px 0;font-size:.85rem;display:flex}.compare-row:last-child{border-bottom:none}.compare-row-label{color:var(--calc-text-faded)}.compare-row-value{font-family:var(--calc-font-mono);color:var(--calc-text-primary);font-weight:600}.compare-row-value--highlight{color:var(--accent)}.compare-row-value--blue{color:var(--calc-sky,#60a5fa)}.singles-note{color:var(--calc-text-dim);border:1px solid var(--calc-border-subtle);background:#ffffff05;border-radius:8px;margin:0;padding:12px 14px;font-size:.82rem;line-height:1.6}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}[data-theme=light] body{background:var(--calc-bg-page);color:var(--calc-text-primary)}[data-theme=light] .action-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{border-color:var(--accent);color:var(--accent);background:#c2410c14}[data-theme=light] .action-btn--reset:hover{color:#e11d48;background:#e11d4814;border-color:#e11d48}[data-theme=light] .tab-nav{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .tab-btn{color:#475569}[data-theme=light] .tab-btn:hover{color:#0f172a;background:#0000000a}[data-theme=light] .tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #c2410c33}[data-theme=light] .input-card,[data-theme=light] .result-card,[data-theme=light] .breakdown-section,[data-theme=light] .singles-section{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .input-card{border-top-color:var(--accent)}[data-theme=light] .result-card{border-top-color:#c2410c66}[data-theme=light] .form-group input[type=text],[data-theme=light] .form-group input[type=number],[data-theme=light] .legs-stepper input[type=number],[data-theme=light] .leg-odds-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .form-group input:focus,[data-theme=light] .leg-odds-input:focus,[data-theme=light] .legs-stepper input[type=number]:focus{border-color:var(--accent)}[data-theme=light] .form-group input::placeholder,[data-theme=light] .leg-odds-input::placeholder{color:#00000059}[data-theme=light] .stepper-btn{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .stepper-btn:hover{color:var(--accent);background:#c2410c1a}[data-theme=light] .preset-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{border-color:var(--accent);color:var(--accent);background:#c2410c14}[data-theme=light] .preset-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .fmt-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .fmt-btn:hover{border-color:var(--accent);color:var(--accent);background:#c2410c14}[data-theme=light] .fmt-btn.active{border-color:var(--accent);color:var(--accent);background:#c2410c1a}[data-theme=light] .stat-item{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-item--wide{background:#c2410c0f;border-color:#c2410c40}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .stat-value--payout{color:var(--accent)}[data-theme=light] .stat-value--profit{color:#047857}[data-theme=light] .breakdown-table th{color:#475569;background:#edf2f9;border-bottom-color:#0000001f}[data-theme=light] .breakdown-table td{color:#0f172a;border-bottom-color:#0000000f}[data-theme=light] .breakdown-table tbody tr:hover{background:#f5f7fa}[data-theme=light] .breakdown-table .cumulative-final{color:var(--accent)}[data-theme=light] .compare-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .compare-card h3{border-bottom-color:#00000014}[data-theme=light] .compare-card.compare-card--singles h3{color:#2563eb}[data-theme=light] .compare-row{border-bottom-color:#0000000f}[data-theme=light] .compare-row-label{color:#475569}[data-theme=light] .compare-row-value{color:#0f172a}[data-theme=light] .compare-row-value--blue{color:#2563eb}[data-theme=light] .singles-note{color:#475569;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .compare-placeholder{color:#64748b}