.oc-page{max-width:860px;margin:0 auto}.oc-hero{margin:18px 0 28px;display:grid;gap:12px}.oc-hero h1{font-size:30px;line-height:1.18;font-weight:700;letter-spacing:-.022em;color:var(--color-heading);text-wrap:balance}.oc-hero p{color:var(--color-muted);font-size:15.5px;line-height:1.6;max-width:60ch;text-wrap:pretty}.oc-tool{border-radius:18px;padding:24px;border:1px solid rgba(var(--th-lav),.1);background:radial-gradient(140% 120% at 50% -20%,rgba(var(--th-glow),.16),transparent 60%),linear-gradient(180deg,var(--color-surface),var(--color-card))}.oc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}.oc-field{display:grid;gap:7px;align-content:start;min-width:0}.oc-field label{font-size:12.5px;font-weight:500;color:var(--color-muted)}.oc-field input{width:100%;height:50px;padding:0 14px;border-radius:12px;border:1px solid rgba(var(--th-lav),.18);background:rgba(var(--th-lav),.04);color:var(--color-heading);font:600 21px/1 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:border-color .15s,box-shadow .15s,background-color .15s}.oc-field input::placeholder{color:var(--color-faint);font-weight:500;font-size:15px}.oc-field input[aria-invalid=true]{border-color:var(--lost-text)}.oc-err{font-size:12.5px;line-height:1.45;color:var(--lost-text)}.oc-field--p{grid-column:1 / -1}.oc-p{position:relative;max-width:260px}.oc-p input{padding-right:38px}.oc-p__u{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:17px;font-weight:600;color:var(--color-muted);pointer-events:none}.oc-bar{display:block;height:4px;border-radius:2px;background:rgba(var(--th-lav),.1);overflow:hidden;max-width:520px}.oc-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-lavender));transition:width .25s ease}.oc-presets{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid rgba(var(--th-lav),.1)}.oc-presets__l{font-size:12.5px;color:var(--color-faint);margin-right:8px}.oc-presets button{border:0;background:transparent;border-radius:8px;padding:6px 10px;font-size:13.5px;font-weight:500;color:var(--color-muted);font-variant-numeric:tabular-nums;cursor:pointer}.oc-presets button:hover{color:var(--color-heading)}.oc-presets button[aria-pressed=true]{color:var(--color-heading);background:rgba(var(--th-lav),.08)}.oc-stake{display:grid;grid-template-columns:minmax(0,160px) repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;align-items:end}.oc-stake__in{display:grid;gap:7px}.oc-stake__in label{font-size:12.5px;font-weight:500;color:var(--color-muted)}.oc-stake__in input{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(var(--th-lav),.18);background:rgba(var(--th-lav),.04);color:var(--color-heading);font:600 17px/1 var(--font-sans);font-variant-numeric:tabular-nums}.oc-stake__in input:focus{outline:none;border-color:var(--color-lavender);box-shadow:0 0 0 3px rgba(var(--th-glow),.28)}.oc-stake__out{border-radius:10px;padding:8px 12px;background:rgba(var(--th-lav),.05);font-size:12.5px;color:var(--color-muted);min-width:0}.oc-stake__out b{display:block;margin-top:2px;font-size:18px;font-weight:600;color:var(--color-heading);font-variant-numeric:tabular-nums}.oc-note{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--color-faint)}@media(max-width:639px){.oc-hero h1{font-size:24px}.oc-hero p{font-size:14.5px}.oc-tool{padding:18px 14px}.oc-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.oc-field input{height:48px;font-size:19px;padding:0 12px}.oc-p{max-width:none}.oc-presets{justify-content:space-between;gap:2px}.oc-presets__l{flex-basis:100%;margin:0 0 4px}.oc-presets button{padding:6px 8px}.oc-stake{grid-template-columns:1fr 1fr}.oc-stake__in{grid-column:1 / -1}}.oc-sec{margin-top:60px}.oc-sec h2{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.012em;color:var(--color-heading)}.oc-sec__intro{margin-top:8px;color:var(--color-muted);font-size:14.5px;line-height:1.6;max-width:62ch}.oc-chart{margin-top:18px;overflow-x:auto;border-radius:14px;border:1px solid rgba(var(--th-lav),.1);background:var(--color-card)}.oc-chart table{width:100%;min-width:640px;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.oc-chart th,.oc-chart td{padding:9px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid rgba(var(--th-lav),.08)}.oc-chart thead th{font-size:12px;font-weight:600;color:var(--color-muted);background:rgba(var(--th-lav),.04);position:sticky;top:0}.oc-chart td{color:var(--color-body)}.oc-chart tbody tr:last-child>*{border-bottom:0}.oc-chart tbody tr:hover>*{background:rgba(var(--th-lav),.04)}.oc-chart tbody th{position:sticky;left:0;background:var(--color-card);z-index:1}.oc-chart tbody th button{border:0;background:transparent;padding:0;font:inherit;font-weight:600;color:var(--color-lavender);cursor:pointer}.oc-chart tbody th button:hover{color:var(--color-heading)}.oc-how{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oc-how__i{border-radius:14px;padding:16px;border:1px solid rgba(var(--th-lav),.1);background:linear-gradient(180deg,rgba(var(--th-glow),.05),rgba(var(--th-glow),0) 80%);scroll-margin-top:90px}.oc-how__i h3{font-size:15px;font-weight:600;color:var(--color-heading)}.oc-how__i p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--color-body)}.oc-xl{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:18px 20px;border-radius:14px;border:1px solid rgba(var(--th-lav),.12);background:linear-gradient(180deg,rgba(var(--th-glow),.08),rgba(var(--th-glow),0) 85%);color:inherit;transition:border-color .15s}.oc-xl:hover{border-color:rgba(var(--th-lav),.32)}.oc-xl__t{font-size:15.5px;font-weight:600;color:var(--color-heading)}.oc-xl__d{grid-column:1;font-size:14px;line-height:1.55;color:var(--color-muted)}.oc-xl__a{grid-column:2;grid-row:1 / span 2;font-size:20px;color:var(--color-lavender);transition:transform .15s}.oc-xl:hover .oc-xl__a{transform:translate(3px)}.oc-rg{margin-top:64px;padding-top:18px;border-top:1px solid rgba(var(--th-lav),.1);font-size:12px;color:var(--color-faint)}@media(max-width:639px){.oc-how{grid-template-columns:1fr}.oc-sec{margin-top:48px}}@media(prefers-reduced-motion:reduce){.oc-bar i,.oc-field input{transition:none}}.oc :focus-visible{outline:2px solid var(--color-lavender);outline-offset:2px;border-radius:8px}