*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{font-family:Noto Sans KR,Apple SD Gothic Neo,-apple-system,sans-serif;background:#26262b;color:#ffffffeb}button{font-family:inherit}:root{--stamp: #b3261e}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at top,rgba(255,255,255,.08),transparent 60%),#26262b;padding:2.5rem 1rem 1rem}.app-header{text-align:center;max-width:560px;margin-bottom:2rem}.app-quote{display:inline-block;text-align:left;font-family:Nanum Myeongjo,"Noto Serif KR",Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(1.3rem,5vw,1.9rem);line-height:1.35;letter-spacing:-.01em;color:#fff}.app-quote-mark{font-family:Georgia,serif;font-style:normal;font-weight:900;color:#ffffff4d}.app-quote-en{font-size:.6em;font-weight:600;letter-spacing:0;opacity:.7}.app-quote-sub{margin-top:.65rem;font-size:.85rem;color:#ffffff80;text-align:left}.app-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.oracle-stage{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:420px}.book-wrap{perspective:1800px;width:100%;display:flex;justify-content:center}.book{position:relative;width:min(600px,94vw);height:calc(min(600px,94vw)*.7);transition:width 1.1s cubic-bezier(.34,1.56,.64,1)}.book.is-closed{width:calc(min(600px,94vw)/2)}.page-left,.book-page{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(160deg,#f6f6f5,#e3e3e1);color:#141414;box-shadow:0 24px 60px #000000a6;padding:2rem 1.2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;cursor:pointer}.page-left{left:0;border-radius:8px 0 0 8px;background:linear-gradient(200deg,#f2f2f0,#dfdfdd)}.book-page{right:0;border-radius:0 8px 8px 0}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:18px;margin-left:-9px;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0003,#00000008 30%,#00000008 70%,#0003)}.page-left-label{font-style:italic;font-weight:800;font-size:1.1rem;color:#14141459;margin-bottom:.5rem}.book-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;border-radius:8px;box-shadow:0 24px 60px #000000bf,inset 0 0 0 1px #ffffff0f;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:1.5rem 1.1rem;transform-origin:left center;transform:rotateY(0);transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);backface-visibility:hidden;z-index:2;cursor:pointer;container-type:inline-size}.book.is-open .book-cover{transform:rotateY(-165deg);pointer-events:none}.book-title{display:flex;flex-direction:column;line-height:.92;font-size:28cqw;font-weight:900;color:#fff;letter-spacing:-.02em}.book-title-line+.book-title-line{margin-top:.02em}.book-title-dot{color:#d4af37}.book-opening-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}@property --turn{syntax: "<number>"; inherits: true; initial-value: 0;}@property --curve{syntax: "<number>"; inherits: true; initial-value: 0;}.flip-pages{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;perspective:1400px;transform-style:preserve-3d}.flip-page{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:0% 50%;--turn: 0;--curve: 0;--i: 0;transform:translateZ(calc(var(--i) * -.5px)) rotate(calc(var(--i) * .5deg)) rotateY(calc(var(--turn) * 1deg));animation:pageTurn .52s cubic-bezier(.45,0,.4,1) forwards}.flip-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at calc(28% + var(--turn) * .25%) 32%,rgba(255,255,255,.55),transparent 58%);mix-blend-mode:soft-light;pointer-events:none}@keyframes pageTurn{0%{--turn: 0;--curve: 0;filter:brightness(1);opacity:1}45%{--turn: 90;--curve: 50;filter:brightness(1.1);opacity:1}62%{--turn: 128;--curve: -75;filter:brightness(.86);opacity:1}to{--turn: 180;--curve: 20;filter:brightness(1);opacity:0}}.flip-strip{position:absolute;top:0;bottom:0;transform-style:preserve-3d;transform-origin:0% 50%;transform:rotateY(calc(var(--factor) * var(--curve) * 1deg))}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #00000008}.flip-strip:first-child .flip-face{border-radius:8px 0 0 8px}.flip-strip:last-child .flip-face{border-radius:0 8px 8px 0}.flip-face-front{background:linear-gradient(160deg,#f6f6f5,#e3e3e1)}.flip-face-back{background:linear-gradient(160deg,#dedcd8,#c9c7c2);transform:rotateY(180deg) scaleX(-1)}.page-content{position:relative;opacity:0;animation:fadeInUp .9s ease forwards}.page-content.slide-next{animation:slideInRight .35s ease forwards}.page-content.slide-prev{animation:slideInLeft .35s ease forwards}.chapter-label{font-style:italic;font-weight:800;font-size:.75rem;letter-spacing:.1em;color:#14141466;margin-bottom:.6rem}.result-question{font-size:.85rem;color:#1414148c;font-style:italic;margin-bottom:.85rem}.result-answer{position:relative;font-size:clamp(1.35rem,6vw,1.7rem);font-weight:800;line-height:1.4;color:#111}.result-answer.is-viewer{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#14141459;text-underline-offset:4px}.stamp-mark{position:absolute;top:-1.6rem;right:-.6rem;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--stamp);border-radius:50%;color:var(--stamp);font-size:.68rem;font-weight:900;line-height:1.05;letter-spacing:-.02em;transform:rotate(-14deg) scale(0);mix-blend-mode:multiply;opacity:0;pointer-events:none;animation:stampSlam .5s .35s cubic-bezier(.2,1.9,.4,1) forwards}.result-actions{margin-top:1.5rem;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.ask-panel{width:100%;display:flex;flex-direction:column;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:1.1rem}.ask-panel.shake{animation:shake .4s}.question-input{resize:none;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.75rem;color:#fff;font-size:.95rem;font-family:inherit;line-height:1.5}.question-input::placeholder{color:#ffffff59}.question-input:focus{outline:none;border-color:#ffffff8c}.ask-panel-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.ask-btn{display:inline-flex;align-items:center;gap:.4rem;background:#f2f2f0;color:#111;border:none;padding:.65rem 1.3rem;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .15s,background .2s}.enter-icon{flex-shrink:0;opacity:.75}.ask-btn:hover{background:#fff;transform:translateY(-1px)}.book-page .secondary-btn{background:transparent;border:1px solid rgba(20,20,20,.35);color:#141414;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:border-color .2s,transform .15s}.book-page .secondary-btn:hover{border-color:#141414}.book-page .secondary-btn:active,.ask-btn:active{transform:scale(.94) rotate(-1deg)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#141414eb;color:#fff;padding:.6rem 1.1rem;border-radius:8px;font-size:.85rem;animation:fadeInUp .3s ease;box-shadow:0 8px 24px #0006}.disclaimer{margin-top:2.5rem;text-align:center;max-width:480px;padding:1rem 1rem 2rem;line-height:1.6}.disclaimer-main{font-size:.8rem;font-weight:700;color:#ffffffb3;margin-bottom:.35rem}.disclaimer-sub{font-size:.72rem;color:#fff6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes stampSlam{0%{opacity:0;transform:rotate(-14deg) scale(2.4)}60%{opacity:.85;transform:rotate(-14deg) scale(.9)}to{opacity:.85;transform:rotate(-14deg) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}