.oc{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.oc__intro{text-align:center;max-width:74ch;margin-inline:auto}.oc__title{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.05}.oc__lead{margin-top:var(--space-2);color:var(--c-ink-soft);font-size:var(--fs-body);line-height:var(--lh-snug)}.oc__panel{width:100%;max-width:720px;background:var(--c-bg-800);border-radius:var(--r-lg);padding:clamp(.9rem,2.2vw,1.3rem);display:grid;gap:var(--space-3);box-shadow:0 20px 50px #00000059}.oc__tabs{display:flex;flex-wrap:wrap;gap:6px;background:var(--c-bg-700);padding:5px;border-radius:var(--r-md)}.oc__tab{flex:1 1 auto;cursor:pointer;border:0;background:transparent;color:var(--c-ink-mute);font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);padding:9px 10px;border-radius:var(--r-sm);line-height:1.2}.oc__tab small{display:block;font-weight:500;font-size:.68rem;opacity:.8}.oc__tab.is-on{background:var(--c-bg-900);color:var(--c-gold-400);box-shadow:inset 0 0 0 1px var(--c-gold-600)}.oc__control{display:grid;justify-items:center;gap:var(--space-2)}.oc__control-l{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--c-ink-mute)}.oc__stepper{display:flex;align-items:center;gap:var(--space-4)}.oc__step{width:2.4rem;height:2.4rem;border-radius:50%;border:0;cursor:pointer;background:var(--c-bg-600);color:var(--c-ink);font-size:1.4rem;line-height:1;display:grid;place-items:center}.oc__step:hover{color:var(--c-gold-400)}.oc__outs{font-family:var(--font-mono);font-weight:800;font-size:2.5rem;line-height:1;color:var(--c-ink);min-width:3ch;text-align:center}.oc__range{width:min(360px,100%);accent-color:var(--c-gold-500)}.oc__result{display:grid;justify-items:center;gap:var(--space-2)}.oc__big{display:flex;flex-direction:column;align-items:center;line-height:1}.oc__big span{font-family:var(--font-mono);font-weight:800;font-size:clamp(2.2rem,6vw,3rem);color:var(--c-gold-400);text-shadow:0 0 24px color-mix(in srgb,var(--c-gold-500) 45%,transparent)}.oc__big small{margin-top:4px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--c-ink-mute)}.oc__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;width:100%}.oc__metric{flex:1 1 8rem;min-width:7rem;display:grid;justify-items:center;gap:3px;padding:10px 6px;background:var(--c-bg-700);border-radius:var(--r-md)}.oc__metric-v{font-family:var(--font-mono);font-weight:700;font-size:1.3rem;color:var(--c-ink)}.oc__metric-l{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-mute);text-align:center}.oc__say{font-size:var(--fs-sm);color:var(--c-ink-soft);text-align:center;line-height:var(--lh-body);max-width:46ch}.oc__say b{color:var(--c-ink)}.oc__picks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.oc__picks-l{font-size:var(--fs-xs);color:var(--c-ink-mute);width:100%;text-align:center;text-transform:uppercase;letter-spacing:.08em}.oc__pick{cursor:pointer;border:0;background:var(--c-bg-700);color:var(--c-ink-soft);border-radius:var(--r-pill);padding:7px 13px;font-size:var(--fs-sm);font-weight:600}.oc__pick b{color:var(--c-gold-400);font-family:var(--font-mono);margin-left:4px}.oc__pick:hover{color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-teal-600)}.oc__chart{width:100%;max-width:720px}.oc__chart-title{font-size:var(--fs-h3);text-align:center;margin-bottom:var(--space-4)}.oc__table-wrap{overflow-x:auto;border-radius:var(--r-md)}.oc__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.oc__table th,.oc__table td{padding:9px 12px;text-align:center}.oc__table thead th{background:var(--c-bg-700);color:var(--c-ink-mute);font-weight:600;font-size:var(--fs-xs)}.oc__table thead th small{font-weight:400;opacity:.7}.oc__table tbody tr:nth-child(odd){background:var(--c-bg-800)}.oc__table tbody td{color:var(--c-ink-soft)}.oc__table tbody td b{color:var(--c-gold-400);font-family:var(--font-mono)}.oc__chart-note{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--c-ink-mute);line-height:var(--lh-body);text-align:center;max-width:60ch;margin-inline:auto}.oc__chart-note b{color:var(--c-ink-soft)}@media print{.oc__intro,.oc__panel{display:none}.oc__chart{max-width:none}}