.or-wrap{width:100%;max-width:620px;margin:0 auto}.or-form{text-align:left;gap:10px;padding:14px 16px;display:grid}.or-lab{color:#b8b6d6;font-size:.82rem;font-weight:700}.or-open{width:100%;padding:14px;font-size:1.15rem}.or-today{text-align:center;margin-top:12px;padding:12px 16px}.or-today-k{color:#b8b6d6;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.or-today-a{font-size:1.15rem;font-weight:700;font-family:var(--or-serif);color:var(--fg);margin:6px 0 4px}.or-today-s{color:#8f8daa;margin:0;font-size:.74rem}.or-cover-wrap{perspective:1200px;justify-content:center;margin:4px 0 8px;display:flex}.or-cover{width:168px;height:226px;transform-style:preserve-3d;transition:transform .5s;position:relative;transform:rotateY(-18deg)rotateX(4deg)}.or-cover-wrap:hover .or-cover{transform:rotateY(-8deg)rotateX(2deg)}.or-cover-face{color:#f2d27a;text-align:center;background:linear-gradient(135deg,#3b2a6e,#1f1740 60%,#2a1f55);border:2px solid #12102a;border-radius:6px 14px 14px 6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 14px;display:flex;position:absolute;inset:0;box-shadow:8px 10px #00000073,inset 0 0 0 6px #ffdc781f}.or-cover-title{font-family:var(--or-serif);letter-spacing:.06em;text-shadow:0 1px #0009,0 0 12px #f2d27a59;word-break:keep-all;font-size:1.35rem;font-weight:800}.or-cover-sub{letter-spacing:.12em;opacity:.85;font-size:.7rem}.or-cover-orn{opacity:.8;font-size:.9rem}.or-cover-spine{transform-origin:100%;background:linear-gradient(90deg,#15112b,#2a1f55);border:2px solid #12102a;border-radius:4px 0 0 4px;width:12px;position:absolute;top:4px;bottom:4px;left:-10px;transform:rotateY(-70deg)}.or-cover-pages{background:repeating-linear-gradient(#f3ead6 0 2px,#d9cfb6 2px 3px);border-radius:0 3px 3px 0;width:8px;position:absolute;top:6px;bottom:6px;right:-6px;transform:translateZ(-4px)}:root[data-theme=light] .or-cover-face{box-shadow:8px 10px #16152a59,inset 0 0 0 6px #ffdc7824}.or-res{flex-direction:column;align-items:center;gap:14px;display:flex}.or-book{perspective:1400px;filter:drop-shadow(6px 8px #00000073);grid-template-columns:1fr 1fr;width:100%;max-width:620px;min-height:340px;display:grid;position:relative}.or-page{color:#2c2418;text-align:center;background:linear-gradient(90deg,#f6efdc,#fbf6e8 12% 88%,#efe6cf);border:2px solid #3a3020;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:30px 26px 40px;display:flex;position:relative}.or-page:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 27px,#3c280a0d 27px 28px);position:absolute;inset:0}.or-left{border-right:0;border-radius:10px 0 0 10px;box-shadow:inset -22px 0 30px -22px #00000059}.or-right{border-radius:0 10px 10px 0;box-shadow:inset 22px 0 30px -22px #00000059}.or-q-k{letter-spacing:.12em;color:#7a6a4a;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:700}.or-q-t{font-family:var(--or-serif);color:#4a3d28;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-style:italic;line-height:1.6}.or-ans{font-family:var(--or-serif);color:#1e1810;word-break:keep-all;overflow-wrap:anywhere;opacity:0;filter:blur(6px);margin:0;font-size:clamp(1.5rem,5.6vw,2.1rem);font-weight:700;line-height:1.45;transition:opacity 1.1s,filter 1.1s}.or-ans.in{opacity:1;filter:blur()}.or-pno{color:#8a7a5a;font-size:.72rem;font-family:var(--or-serif);letter-spacing:.06em;position:absolute;bottom:12px}.or-pno-l{left:20px}.or-pno-r{right:20px}.or-flips{pointer-events:none;position:absolute;inset:0}.or-flip{transform-origin:0;opacity:0;backface-visibility:hidden;background:linear-gradient(90deg,#efe6cf,#fbf6e8 30%,#f3ead6);border:2px solid #3a3020;border-left:0;border-radius:0 10px 10px 0;width:50%;position:absolute;top:0;bottom:0;left:50%;transform:rotateY(0)}.or-book.flipping .or-flip{animation:1.5s cubic-bezier(.4,.1,.3,1) both or-flip;animation-delay:calc(var(--i) * .12s)}.or-book.flipping .or-ans{opacity:0;filter:blur(6px);transition:none}@keyframes or-flip{0%{opacity:1;transform:rotateY(0)}55%{opacity:1}to{opacity:0;transform:rotateY(-178deg)}}@media (prefers-reduced-motion:reduce){.or-book.flipping .or-flip{animation-duration:10ms}}.or-tools{justify-content:center}.or-inc{color:#b8b6d6;cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.or-again-box{border:2px dashed var(--pink);text-align:center;border-radius:14px;width:100%;max-width:560px;padding:12px 14px}.or-again-box p{color:#b8b6d6;margin:0 0 10px}.or-recent{text-align:left;width:100%;padding:12px 16px}.or-recent-k{color:#b8b6d6;margin:0 0 6px;font-size:.78rem;font-weight:700}.or-recent ol{margin:0;padding-left:20px;font-size:.9rem;line-height:1.7}.or-recent ol li span{color:#8f8daa;margin-left:6px;font-size:.8rem}html[lang=ko]{--or-serif:"Noto Serif KR", "Nanum Myeongjo", "Apple SD Gothic Neo", "Noto Serif CJK KR", serif}html[lang=en]{--or-serif:Georgia, "Times New Roman", "Noto Serif", serif}html[lang=ja]{--or-serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Noto Serif CJK JP", serif}@media (width<=520px){.or-book{grid-template-columns:1fr;min-height:300px}.or-left{display:none}.or-right{border-radius:10px;padding:30px 20px 56px;box-shadow:inset 14px 0 24px -18px #0000004d}.or-right .or-q-m{display:block}.or-flip{border-left:2px solid #3a3020;border-radius:10px;width:100%;left:0}}.or-q-m{font-family:var(--or-serif);color:#6a5a3a;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 14px;font-size:.95rem;font-style:italic;display:none}:root[data-theme=light] .or-book{filter:drop-shadow(6px 8px #16152a59)}