.open-frame{background-color:var(--color-paper);transition:background-color .5s cubic-bezier(.22,1,.36,1)}.open-frame:hover:not(:disabled),.open-frame[data-drag]{background-color:color-mix(in srgb, var(--color-highlight) 38%, var(--color-paper))}.open-frame:disabled{cursor:progress}.open-corner{border:0 solid var(--color-carbon);pointer-events:none;width:36px;height:36px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute}.open-corner[data-c=tl]{border-top-width:1.5px;border-left-width:1.5px;top:22px;left:22px}.open-corner[data-c=tr]{border-top-width:1.5px;border-right-width:1.5px;top:22px;right:22px}.open-corner[data-c=bl]{border-bottom-width:1.5px;border-left-width:1.5px;bottom:22px;left:22px}.open-corner[data-c=br]{border-bottom-width:1.5px;border-right-width:1.5px;bottom:22px;right:22px}.open-frame:hover:not(:disabled) .open-corner[data-c=tl],.open-frame[data-drag] .open-corner[data-c=tl],.open-frame[data-busy] .open-corner[data-c=tl]{transform:translate(9px,9px)}.open-frame:hover:not(:disabled) .open-corner[data-c=tr],.open-frame[data-drag] .open-corner[data-c=tr],.open-frame[data-busy] .open-corner[data-c=tr]{transform:translate(-9px,9px)}.open-frame:hover:not(:disabled) .open-corner[data-c=bl],.open-frame[data-drag] .open-corner[data-c=bl],.open-frame[data-busy] .open-corner[data-c=bl]{transform:translate(9px,-9px)}.open-frame:hover:not(:disabled) .open-corner[data-c=br],.open-frame[data-drag] .open-corner[data-c=br],.open-frame[data-busy] .open-corner[data-c=br]{transform:translate(-9px,-9px)}@keyframes open-pulse{50%{opacity:.25}}.open-pulse{animation:1.8s ease-in-out infinite open-pulse}.open-strip-wrap{pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.open-strip{width:200vw;max-width:none;height:auto;margin-left:-50vw;display:block}@media (min-width:768px){.open-strip{width:100vw;margin-left:0}}.open-photo{width:var(--photo-w)}.open-photo[data-mode=pinned]{--photo-w:min(44vw, 176px, calc(210px * var(--r)))}.open-photo[data-mode=scan]{--photo-w:min(100%, calc(40dvh * var(--r)))}.open-photo[data-mode=banner]{--photo-w:min(100%, calc(160px * var(--r)))}.open-photo[data-mode=thumb]{--photo-w:min(24vw, 92px, calc(104px * var(--r)))}.open-photo[data-mode=print]{--photo-w:min(100%, 560px, calc(52dvh * var(--r)))}@media (min-width:1024px){.open-photo[data-mode=scan],.open-photo[data-mode=banner]{--photo-w:min(100%, calc(40dvh * var(--r)))}.open-photo[data-mode=thumb]{--photo-w:min(120px, calc(128px * var(--r)))}.open-scene{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:28px clamp(48px,6.5vw,112px);min-height:calc(100dvh - 176px);padding-block:8px 32px;display:grid}.open-scene[data-beat=snap]{grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:".art""head art""actions art""note art"".art"}.open-scene[data-beat=reading],.open-scene[data-beat=tags]{grid-template-areas:"left board";min-height:0}.open-scene[data-beat=reading][data-error]{align-content:center;align-items:center;min-height:calc(100dvh - 176px)}.open-scene[data-beat=review]{grid-template-rows:auto auto auto 1fr;grid-template-areas:"head board""tell board""form board"".board";min-height:0}.open-scene[data-beat=switch]{grid-template-rows:1fr auto auto 1fr;grid-template-areas:".art""head art""action art"".art"}.open-scene[data-beat=live]{grid-template-rows:auto auto auto;grid-template-areas:"title art""actions card"".card";min-height:0;padding-block:24px 0}}.open-fresh{z-index:-1;pointer-events:none;background:var(--color-highlight);animation:2.8s ease-out forwards open-fresh;position:absolute;inset:0 0 -1px -12px}@keyframes open-fresh{0%{opacity:0}10%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.open-fresh{animation-duration:1.4s}}.open-alt{border-top:1px solid #163a4229}.open-alt>li{border-bottom:1px solid #163a4229}.open-alt button{text-align:left;width:100%;min-height:3.5rem;color:var(--color-ink);justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;font-size:17px;line-height:1.35;display:flex}@media (min-width:1024px){.open-alt button{min-height:4rem;font-size:18px}}.open-alt button:disabled{opacity:.5}.open-alt .open-alt-text{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;padding-bottom:2px;transition:background-size .35s cubic-bezier(.22,1,.36,1)}.open-alt button:hover .open-alt-text{background-size:100% 1px}.open-alt button svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}.open-alt button:hover svg{transform:translate(4px)}