.oca{--oca-ease:cubic-bezier(.16, 1, .3, 1);--oca-stage:#f0ede7;--oca-ring:color-mix(in oklab, var(--color-bone) 9%, transparent);background:var(--color-night);min-height:100dvh;display:flex}:root[data-theme=dark] .oca{--oca-stage:#0e0e13;--oca-ring:#ffffff1f}.oca-side{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.oca-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;padding:0 20px;display:grid}.oca-head>:first-child{grid-column:2}.oca-head>:nth-child(2){justify-self:end}.oca-main{outline:none;flex:1;justify-content:center;padding:clamp(12px,50dvh - 410px,150px) 20px 40px;display:flex}.oca-col{width:100%;max-width:372px;animation:oca-in .18s var(--e-out,ease-out) both}@keyframes oca-in{0%{opacity:0}}@media (min-width:640px){.oca-head{height:76px;padding:0 32px}.oca-main{padding-left:32px;padding-right:32px}}.oca-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "wdth" 98;letter-spacing:-.026em;color:var(--color-bone);text-align:center;text-wrap:balance;font-size:29px;font-weight:700;line-height:1.1}@media (min-width:640px){.oca-title{font-size:32px}}.oca-lede{max-width:330px;color:var(--color-mist);text-align:center;text-wrap:balance;margin:10px auto 0;font-size:15px;line-height:1.5}.oca-site{background:color-mix(in oklab, var(--color-fg) 5.5%, transparent);max-width:100%;color:var(--color-bone);vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin:0 1px;padding:1px 9px 1px 7px;font-weight:500;display:inline-flex}.oca-site svg{width:13px;height:13px;color:var(--color-haze);flex-shrink:0}.oca-site span{text-overflow:ellipsis;overflow:hidden}.oca-btn,.oca-btn-alt{letter-spacing:-.006em;width:100%;height:50px;transition:background-color .15s ease-out, box-shadow .15s ease-out, transform .14s var(--e-out,ease-out);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.oca-btn:active:not(:disabled),.oca-btn-alt:active{transform:scale(.985)}.oca-btn{background:var(--color-bone);color:var(--color-night);box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000029,0 12px 26px -12px #00000080}.oca-btn:hover:not(:disabled){background:color-mix(in oklab, var(--color-bone) 88%, var(--color-night));box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000029,0 16px 32px -12px #0000008c}.oca-btn[aria-busy=true]{background:color-mix(in oklab, var(--color-fg) 6%, transparent);color:var(--color-haze);box-shadow:none;cursor:wait}.oca-btn:disabled:not([aria-busy=true]){cursor:wait}.oca-arrow{width:16px;height:16px;transition:transform .16s var(--e-out,ease-out)}.oca-btn:hover:not(:disabled) .oca-arrow{transform:translate(3px)}.oca-btn-alt{background:var(--color-surface);color:var(--color-bone);box-shadow:inset 0 0 0 1px var(--color-line-2), 0 1px 2px #1c19160d;font-weight:500}.oca-btn-alt:hover{background:color-mix(in oklab, var(--color-surface) 97%, var(--color-fg));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-edge) 70%, transparent), 0 2px 6px -2px #1c19161f}.oca-or{color:var(--color-haze);align-items:center;gap:14px;margin:20px 0;font-size:12.5px;line-height:16px;display:flex}.oca-or:before,.oca-or:after{content:"";background:var(--color-line);flex:1;height:1px}.oca-label{color:var(--color-bone);font-size:13.5px;font-weight:500;line-height:18px}.oca-input{border:1px solid var(--color-line-2);background:var(--color-surface);width:100%;height:50px;color:var(--color-bone);border-radius:14px;outline:none;padding:0 15px;font-size:16px;transition:border-color .15s ease-out,box-shadow .15s ease-out;box-shadow:0 1px 2px #1c19160a}@media (min-width:640px){.oca-input{font-size:15px}}.oca-input::placeholder{color:color-mix(in oklab, var(--color-haze) 78%, transparent)}.oca-input:hover{border-color:color-mix(in oklab, var(--color-edge) 75%, transparent)}.oca-input:focus{border-color:var(--color-bone);box-shadow:0 0 0 4px var(--oca-ring), 0 1px 2px #1c19160a}input.oca-input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible{outline:none!important}.oca-input.oca-input-reveal{padding-right:72px}.oca-input[aria-invalid=true]{border-color:var(--color-tally-soft)}.oca-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-tally) 14%, transparent), 0 1px 2px #1c19160a}.oca-input::-ms-reveal{display:none}.oca-input::-ms-clear{display:none}.oca-input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--color-surface) inset;-webkit-text-fill-color:var(--color-bone);caret-color:var(--color-bone)}.oca-reveal{min-width:52px;color:var(--color-mist);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out;display:flex;position:absolute;top:7px;bottom:7px;right:7px}.oca-reveal:hover{background:color-mix(in oklab, var(--color-fg) 5%, transparent);color:var(--color-bone)}.oca-meter{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.oca-meter>span{background:var(--color-line-2);border-radius:2px;height:3px;transition:background-color .2s ease-out}.oca-meter[data-level="1"]>span:nth-child(-n+1){background:var(--color-haze)}.oca-meter[data-level="2"]>span:nth-child(-n+2){background:var(--color-bone)}.oca-meter[data-level="3"]>span{background:var(--color-leaf,#166534)}.oca-ticks{color:var(--color-mist);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;line-height:18px;display:flex}.oca-ticks li{align-items:center;gap:6px;display:inline-flex}.oca-stage{flex-shrink:0;width:50%;max-width:880px;height:100dvh;padding:12px 12px 12px 0;display:none;position:sticky;top:0}@media (min-width:1024px){.oca-stage{display:block}}.oca-stage-in{background:var(--oca-stage);isolation:isolate;border-radius:28px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1c19160a}.oca-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,20px);display:grid;position:absolute;inset:0 clamp(24px,3.4vw,48px);-webkit-mask-image:linear-gradient(#0000 0,#000 13% 80%,#0000 97%);mask-image:linear-gradient(#0000 0,#000 13% 80%,#0000 97%)}.oca-lane{min-width:0;position:relative}.oca-wall .oca-lane:nth-child(2){margin-top:-18%}.oca-track{animation:oca-lane var(--oca-lane,90s) linear infinite;animation-delay:var(--oca-from,0s);will-change:transform;flex-direction:column;display:flex}.oca-wall .oca-lane:nth-child(2) .oca-track{animation-direction:reverse}.oca-wall:hover .oca-track{animation-play-state:paused}.oca-copy{flex-direction:column;gap:clamp(14px,1.4vw,20px);padding-bottom:clamp(14px,1.4vw,20px);display:flex}@keyframes oca-lane{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.oca-post{aspect-ratio:9/16;background:#e2ddd5;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1c19160f,0 2px 4px #1c19160d,0 24px 48px -26px #1c19166b}:root[data-theme=dark] .oca-post{background:#1a1a20;box-shadow:0 0 0 1px #ffffff0f,0 24px 48px -26px #000000e6}.oca-post img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.oca-proof{z-index:1;background:var(--color-surface);color:var(--color-bone);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 11px;font-size:13.5px;font-weight:500;line-height:18px;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1c19160f,0 10px 30px -12px #1c191659}.oca-proof-marks{border-right:1px solid var(--color-line);align-items:center;gap:7px;padding-right:10px;display:inline-flex}.oca-proof-marks svg{width:16px;height:16px}.oca-strip{margin-top:36px}@media (min-width:1024px){.oca-strip{display:none}}.oca-strip .oca-post{border-radius:13px;flex-shrink:0;width:112px}.oca-strip-row{flex-shrink:0;gap:10px;padding-right:10px;display:flex}@media (prefers-reduced-motion:reduce){.oca-col,.oca-track,.oca-strip .marquee{animation:none}.oca-btn,.oca-btn-alt,.oca-arrow{transition:none}}html[data-motion=off] :is(.oca-col,.oca-track,.oca-strip .marquee){animation:none}
