.oc{position:relative;width:100%;height:100%;perspective:1600px}.oc-card{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.oc-cover,.oc-inside{pointer-events:auto}.oc-inside{position:absolute;inset:0;transform:translateZ(-1px);overflow:hidden;border-radius:1rem;border:1px solid var(--color-cinema-border);container-type:inline-size}.oc-inside-scroll{display:flex;height:100%;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-cinema-accent) 45%,transparent) transparent;opacity:0;transition:opacity .22s ease 0s}.oc[data-open=true] .oc-inside-scroll{opacity:1;transition:opacity .55s ease .4s}.oc-inside-scroll:focus{outline:none}.oc-inside-scroll:focus-visible{outline:2px solid var(--color-cinema-accent);outline-offset:-6px;border-radius:1rem}.oc-cover{position:absolute;inset:0;z-index:2;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.45,.05,.2,1) 0s}.oc[data-open=true] .oc-cover{transform:rotateY(-178deg);transition-duration:1s}.oc-face{position:absolute;inset:0;overflow:hidden;border-radius:1rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.oc-face-back{transform:rotateY(180deg);display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.4rem;border:1px solid var(--color-cinema-border);background-image:radial-gradient(ellipse 90% 55% at 50% 0,color-mix(in srgb,var(--color-cinema-accent) 9%,transparent),transparent 70%),linear-gradient(to bottom left,var(--color-cinema-surface),var(--color-cinema-bg));transition:opacity .22s ease 0s}.oc[data-open=true] .oc-face-back{opacity:0;transition:opacity .35s ease .75s}.oc-face-back p{margin:0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--color-cinema-muted) 70%,transparent)}.oc-msg{margin-block:auto;padding:7cqw 8cqw}.oc-msg-rule{display:block;width:2.25rem;height:1px;margin-bottom:.9rem;background:color-mix(in srgb,var(--color-cinema-accent) 60%,transparent)}.oc-msg-for{margin:0 0 .6rem;font-size:clamp(11px,3.4cqw,12px);letter-spacing:.18em;text-transform:uppercase;color:var(--color-cinema-accent)}.oc-msg-text{margin:0;white-space:pre-wrap;font-family:var(--font-fraunces),Georgia,serif;font-size:clamp(13px,5.1cqw,18px);line-height:1.6;color:var(--color-cinema-foreground)}.oc-msg-from{margin:1rem 0 0;text-align:right;font-size:clamp(12px,4.2cqw,15px);font-style:italic;color:var(--color-cinema-muted)}.oc-hit{position:absolute;inset:0;z-index:5;border:0;border-radius:1rem;-webkit-tap-highlight-color:transparent}.oc-hit,.oc-toggle{background:transparent;cursor:pointer}.oc-toggle{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;margin-top:.25rem;padding:.25rem .75rem;border:0;border-radius:.5rem;font-size:.875rem;letter-spacing:.03em;color:var(--color-cinema-accent-bright)}.oc-toggle:hover{color:var(--color-cinema-foreground)}.oc-toggle:focus-visible{outline:2px solid var(--color-cinema-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oc-cover,.oc[data-open=true] .oc-cover{transform:none;transition:opacity .16s linear 0s,visibility 0s linear .16s}.oc[data-open=true] .oc-cover{opacity:0;visibility:hidden}.oc-inside-scroll,.oc[data-open=true] .oc-inside-scroll{transition:opacity .16s linear 0s}}@supports not (transform-style:preserve-3d){.oc-cover,.oc[data-open=true] .oc-cover{transform:none;transition:opacity .16s linear 0s,visibility 0s linear .16s}.oc[data-open=true] .oc-cover{opacity:0;visibility:hidden}}