*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--obsidian: #0b0b0a;--crimson-deep: #1c0a0a;--gold: #c9a227;--gold-light: #f0d878;--gold-dark: #6b4f12;--parchment: #e8dcc0;--parchment-warm: #d9c9a3;--ink: #1e1408;--mist: rgba(140, 120, 200, .07);--glow: rgba(201, 162, 39, .4);--font-display: "Cinzel", "Noto Serif SC", serif;--font-body: "Noto Serif SC", "EB Garamond", serif;--font-en: "EB Garamond", "Cinzel", serif;--flip-ease: cubic-bezier(.55, .12, .25, 1.15);--header-h: 2.5rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--book-stage-max-w: 340px;--book-stage-vw: 88vw;--book-aspect: 3 / 4;--book-max-h-vh: 52lvh}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--obsidian);color:var(--parchment);-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;left:0;right:0;z-index:1000;pointer-events:none;background:var(--obsidian)}body:before{top:0;height:var(--safe-top)}body:after{bottom:0;height:var(--safe-bottom)}.svg-filters{position:absolute;width:0;height:0;overflow:hidden}.ritual-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.dust-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#app{position:relative;box-sizing:border-box;height:100dvh;min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);display:flex;flex-direction:column;overflow:hidden}.cosmos{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.45),transparent),radial-gradient(1.2px 1.2px at 68% 24%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 44% 72%,rgba(255,255,255,.35),transparent),radial-gradient(ellipse at 50% -10%,rgba(80,40,120,.35),transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(20,5,10,.8),transparent 50%),linear-gradient(180deg,#0b0b0a,#120a14,#0b0b0a);animation:cosmos-pulse 10s ease-in-out infinite alternate}.veil{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,var(--mist),transparent 65%)}@keyframes cosmos-pulse{0%{opacity:.85}to{opacity:1}}.header{position:relative;z-index:10;flex-shrink:0;display:flex;justify-content:flex-end;min-height:var(--header-h);align-items:center;padding:.15rem .75rem 0}.lang-toggle{font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;color:var(--gold-light);background:#c9a2270f;border:1px solid rgba(201,162,39,.28);padding:.4rem .9rem;cursor:pointer;filter:url(#gold-emboss)}.main{position:relative;z-index:5;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.scene{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0 .75rem;gap:.25rem}.scene.scene--book-focused{justify-content:center;gap:0}.scene.scene--dock-floating:after{content:"";flex-shrink:0;height:var(--ritual-dock-h, 56px);pointer-events:none}.hint{flex-shrink:0;font-size:.72rem;letter-spacing:.12em;color:#e8dcc073;text-align:center;padding:.1rem 0 .2rem}.hint[hidden]{display:none}.footer-hint{flex-shrink:0;font-size:.62rem;font-style:italic;letter-spacing:.06em;color:#e8dcc059;text-align:center;padding:.15rem .75rem .1rem}.book-stage{position:relative;flex:1;min-height:0;width:min(var(--book-stage-max-w),var(--book-stage-vw));display:flex;align-items:center;justify-content:center}.scene.scene--book-focused .book-stage{flex:0 1 auto;width:min(calc(var(--book-stage-max-w) + 20px),calc(var(--book-stage-vw) + 4vw))}.absorb-flash{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(240,216,120,.35),transparent 65%);opacity:0;pointer-events:none;z-index:15}.absorb-flash.active{animation:absorb-pulse 1.1s ease-out forwards}@keyframes absorb-pulse{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.book-stage.absorbing .book{animation:book-vibrate .6s ease-out}@keyframes book-vibrate{0%,to{transform:translateY(0)}20%{transform:translateY(-3px) rotate(-.5deg)}40%{transform:translateY(2px) rotate(.4deg)}60%{transform:translateY(-1px)}}.book-wrapper{perspective:1400px;width:100%;display:flex;justify-content:center}.book{position:relative;width:min(100%,calc(var(--book-max-h-vh) * 3 / 4));aspect-ratio:var(--book-aspect);height:auto;transform-style:preserve-3d;transition:transform .3s;overflow:hidden}.metal-corner{position:absolute;width:24px;height:24px;z-index:12;background:linear-gradient(135deg,#dcc060,#b8921f 32%,#7a5c12 68%,#4a3810);box-shadow:inset 0 1px 2px #ffffff38,inset -1px -1px 2px #281e0859,0 2px 4px #00000073;opacity:.9}.metal-corner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;opacity:.42}.metal-corner.tl{top:-2px;left:-2px;clip-path:polygon(0 0,100% 0,0 100%)}.metal-corner.tl:after{clip-path:polygon(0 0,100% 0,0 100%);background:radial-gradient(ellipse 80% 80% at 20% 20%,rgba(88,68,24,.28),transparent)}.metal-corner.tr{top:-2px;right:-2px;clip-path:polygon(0 0,100% 0,100% 100%)}.metal-corner.tr:after{clip-path:polygon(0 0,100% 0,100% 100%);background:radial-gradient(ellipse 80% 80% at 80% 20%,rgba(88,68,24,.28),transparent)}.metal-corner.bl{bottom:-2px;left:-2px;clip-path:polygon(0 0,0 100%,100% 100%)}.metal-corner.bl:after{clip-path:polygon(0 0,0 100%,100% 100%);background:radial-gradient(ellipse 80% 80% at 20% 80%,rgba(88,68,24,.28),transparent)}.metal-corner.br{bottom:-2px;right:-2px;clip-path:polygon(100% 0,100% 100%,0 100%)}.metal-corner.br:after{clip-path:polygon(100% 0,100% 100%,0 100%);background:radial-gradient(ellipse 80% 80% at 80% 80%,rgba(88,68,24,.28),transparent)}.book.open .metal-corner{background:linear-gradient(135deg,#c4a030,#967618 30%,#6b5010,#3d2e08);opacity:.86;box-shadow:inset 0 1px 2px #ffffff24,inset -1px -1px 3px #1e160673,0 2px 5px #00000080}.book-spine{display:none}.book-gutter{position:absolute;left:0;top:0;bottom:0;width:18px;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.08),transparent);pointer-events:none}.book-back-cover{position:absolute;top:0;right:-8px;bottom:0;left:0;z-index:-1;background:var(--crimson-deep);border:2px solid rgba(107,79,18,.58);border-radius:3px 10px 10px 3px;box-shadow:6px 12px 30px #000c,inset 0 1px #c9a2271a,inset 0 -1px #231a0852}.book-back-cover .cover-texture{border-radius:inherit;opacity:.8}.book-spine-edge{position:absolute;top:0;bottom:0;right:-4px;width:12px;z-index:8;pointer-events:none;border-radius:0 10px 10px 0;background:linear-gradient(90deg,var(--crimson-deep) 0%,#2a1010 55%,#1a0808 100%);box-shadow:inset -1px 0 #c9a22714,inset 1px 0 2px #00000059}.page-stack{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(90deg,#d9c9a3,#e8dcc0 20%,#bca578 80%,#9a8253);border-radius:3px 10px 10px 3px;box-shadow:inset -2px 0 6px #0006;z-index:0;pointer-events:none}.page-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(120,90,40,.15) 1px,rgba(120,90,40,.15) 2px)}.metal-clasp{position:absolute;right:-10px;width:22px;height:38px;z-index:10;isolation:isolate;background:linear-gradient(90deg,#dcc060,#b8921f,#5a4210 70%,#2a1f06);border-radius:4px;box-shadow:inset 0 1px 2px #ffffff47,inset -1px 0 2px #1e160666,-2px 4px 8px #000000b3}.metal-clasp:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#3d2e08;box-shadow:inset 0 1px 1px #000c,0 1px 1px #ffffff4d;z-index:1}.metal-clasp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;opacity:.68;background:radial-gradient(ellipse 55% 40% at 72% 22%,rgba(42,52,28,.35),transparent),radial-gradient(ellipse 48% 55% at 28% 68%,rgba(55,42,14,.3),transparent),radial-gradient(ellipse 60% 35% at 50% 42%,rgba(88,68,24,.18),transparent),linear-gradient(180deg,rgba(201,162,39,.08) 0%,transparent 18%,transparent 82%,rgba(40,30,8,.22) 100%)}.metal-clasp.top{top:15%}.metal-clasp.bottom{bottom:15%}.book-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.4rem;padding:18% 1.4rem 1.8rem;background:var(--crimson-deep);border:2px solid rgba(107,79,18,.62);border-radius:3px 10px 10px 3px;box-shadow:-5px 0 14px #000000a6,0 12px 40px #000000bf,inset 0 0 80px #0006,inset 0 1px #c9a22724,inset 1px 0 #c9a2271a,inset 0 -1px #231a0861,inset -1px 0 #231a084d,inset 3px 3px 8px #c9a2270d,inset -3px -3px 10px #19120547;backface-visibility:hidden;transform:rotateY(0);transform-origin:left center;overflow:hidden}html.app-ready .book-cover{transition:transform 1.4s var(--flip-ease),box-shadow 1.4s ease}.cover-texture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--crimson-deep);filter:url(#leather-texture);opacity:.72}.cover-border-frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:1;border:1px solid rgba(201,162,39,.14);box-shadow:inset 0 0 0 1px #00000052,inset 0 0 24px #c9a2270a,inset 0 1px #c9a2271a,inset 1px 0 #c9a2270f,inset 0 -1px #281e0847,inset -1px 0 #281e0838;pointer-events:none}.cover-border-frame:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;mix-blend-mode:soft-light;opacity:.22;background:linear-gradient(90deg,rgba(201,162,39,.12) 0%,transparent 7%,transparent 93%,rgba(201,162,39,.1) 100%),linear-gradient(0deg,rgba(201,162,39,.1) 0%,transparent 5%,transparent 95%,rgba(201,162,39,.08) 100%)}.cover-border-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.15;background:radial-gradient(ellipse 22% 18% at 8% 10%,rgba(201,162,39,.1),transparent),radial-gradient(ellipse 20% 16% at 92% 12%,rgba(201,162,39,.08),transparent),radial-gradient(ellipse 24% 20% at 10% 88%,rgba(201,162,39,.08),transparent),radial-gradient(ellipse 22% 18% at 90% 86%,rgba(201,162,39,.08),transparent)}.cover-ornament{position:absolute;font-size:.85rem;color:#c9a22759;z-index:2;pointer-events:none}.cover-ornament.tl{top:18px;left:20px;transform:rotate(-15deg)}.cover-ornament.tr{top:18px;right:20px;transform:scaleX(-1) rotate(-15deg)}.cover-ornament.bl{bottom:18px;left:20px;transform:scaleY(-1) rotate(-15deg)}.cover-ornament.br{bottom:18px;right:20px;transform:scale(-1) rotate(-15deg)}.book-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.35) 100%);pointer-events:none}.book-cover:after{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(11px,3.2vw,18px);z-index:2;pointer-events:none;border-radius:2px 0 0 2px;background:repeating-linear-gradient(180deg,transparent 0,transparent 20px,rgba(201,162,39,.05) 20px,rgba(201,162,39,.13) 21px,transparent 22px,transparent 42px),linear-gradient(90deg,#060202,#120606 10%,#221010,#351610 38%,#4a2018,#351610 62%,#221010,#120606 90%,#1c0a0a8c);box-shadow:inset -1px 0 #c9a22761,inset 2px 0 #00000073,inset 4px 0 10px #00000080,3px 0 8px #0006}.cover-sigil{position:relative;font-size:1.4rem;background:linear-gradient(110deg,#c9a227,#f0d878 30%,#fffce0 45%,#c9a227);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold-sweep 8s linear infinite reverse;text-shadow:-1px -1px 0px rgba(255,255,255,.3),1px 1px 1px rgba(0,0,0,.9);opacity:.85}.book-title{position:relative;font-family:var(--font-display);font-size:clamp(1.15rem,4.5vw,1.55rem);font-weight:700;letter-spacing:.14em;text-align:center;max-width:100%;line-height:1.15;background:linear-gradient(110deg,#c9a227,#f0d878 30%,#fffce0,#f0d878 60%,#c9a227);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold-sweep 8s linear infinite;text-shadow:-1px -1px 1px rgba(255,255,255,.2),1px 1px 2px rgba(0,0,0,.8),0 0 10px rgba(201,162,39,.3)}html[lang=en] .book-title{font-size:clamp(1.9rem,7.4vw,2.55rem);letter-spacing:.12em;line-height:1.1}html[lang=zh-CN] .book-title{font-size:clamp(2.3rem,9vw,3.1rem);letter-spacing:.1em}@keyframes gold-sweep{0%{background-position:100% 50%}to{background-position:-50% 50%}}.gold-rule{position:relative;width:50%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,162,39,.35) 12%,rgba(201,162,39,.82) 38%,rgba(240,216,120,.88) 50%,rgba(201,162,39,.78) 62%,rgba(201,162,39,.32) 88%,transparent 100%);opacity:.84}.gold-rule:after{content:"";position:absolute;top:-1px;right:-4%;bottom:-1px;left:-4%;pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(45,34,10,.18) 18px,rgba(45,34,10,.18) 19px,transparent 19px,transparent 42px,rgba(55,42,12,.12) 42px,rgba(55,42,12,.12) 43px),radial-gradient(ellipse 28% 400% at 32% 50%,rgba(40,30,8,.22),transparent),radial-gradient(ellipse 24% 400% at 68% 50%,rgba(50,38,12,.18),transparent)}.book-subtitle{font-family:var(--font-en);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:#c9a2278c}.book-author{position:absolute;bottom:1.4rem;left:0;right:0;z-index:5;font-family:var(--font-en);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;text-align:center;text-decoration:none;color:#8c702647;text-shadow:0 1px 1px rgba(0,0,0,.32),0 -.5px 0 rgba(255,220,160,.05);transition:color .2s ease,text-shadow .2s ease,opacity .2s ease}.book-author:hover{color:#a0802d6b;text-shadow:0 1px 1px rgba(0,0,0,.28),0 -.5px 0 rgba(255,220,160,.08)}.book-author:focus-visible{color:#af8c3280;text-shadow:0 1px 1px rgba(0,0,0,.25),0 -.5px 0 rgba(255,220,160,.1);outline:none;text-decoration:underline;text-underline-offset:3px}.cover-wait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#1c0a0ab8,#0b0b0a73 55%,#0b0b0a26)}.cover-wait[hidden]{display:none!important}.cover-wait-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:min(88%,280px);text-align:center}.cover-wait-sigil{font-size:1.35rem;color:var(--gold-light);opacity:.85;filter:drop-shadow(0 0 12px rgba(201,162,39,.55));animation:waiting-pulse 2s ease-in-out infinite}.cover-state{margin:0;font-family:var(--font-body);font-size:clamp(.92rem,3.8vw,1.08rem);letter-spacing:.16em;font-style:italic;line-height:1.6;color:var(--gold-light);text-shadow:0 0 18px rgba(201,162,39,.55),0 1px 2px rgba(0,0,0,.85);animation:waiting-pulse 2s ease-in-out infinite}.book.cover-waiting .cover-sigil,.book.cover-waiting .book-title,.book.cover-waiting .gold-rule,.book.cover-waiting .book-subtitle,.book.cover-waiting .book-author{animation:none!important;opacity:.14!important;transition:opacity .45s ease}.book.cover-waiting .cover-ornament{opacity:.28;transition:opacity .45s ease}.book.awakened .book-cover{box-shadow:-5px 0 14px #000000a6,0 12px 40px #000000bf,0 0 60px #c9a22738,inset 0 0 80px #c9a22714}.book.awakened:not(.cover-waiting) .cover-sigil,.book.awakened:not(.cover-waiting) .book-title{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.book-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#d9c9a3;border-radius:3px 10px 10px 3px;box-shadow:inset 4px 0 14px #00000024,inset -2px 0 8px #0000000f;opacity:1;visibility:visible;transform:rotateY(0);transform-origin:left center;backface-visibility:hidden;pointer-events:none;overflow:hidden}.book-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(55,38,18,.42) 0%,rgba(45,32,16,.28) clamp(8px,2.2vw,12px),rgba(35,25,12,.16) clamp(12px,3.4vw,18px),rgba(25,18,10,.08) clamp(18px,5vw,28px),transparent clamp(32px,8vw,48px)),radial-gradient(ellipse at 0% 0%,rgba(185,145,55,.14),transparent 38%),radial-gradient(ellipse at 100% 0%,rgba(175,135,50,.1),transparent 32%),radial-gradient(ellipse at 100% 100%,rgba(165,125,48,.12),transparent 36%),radial-gradient(ellipse at 0% 100%,rgba(170,130,52,.1),transparent 34%);box-shadow:inset 0 0 36px #9b732d12,inset 6px 0 14px #00000038,inset 0 6px 10px #af87370d,inset 0 -5px 8px #966e2a0a}.book-page:after{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(14px,3.8vw,22px);z-index:1;pointer-events:none;border-radius:2px 0 0 2px;background:repeating-linear-gradient(180deg,transparent 0,transparent 16px,rgba(30,20,10,.12) 16px,rgba(20,12,6,.28) 17px,transparent 18px,transparent 34px),linear-gradient(90deg,rgba(8,5,2,.78) 0%,rgba(22,14,8,.68) 8%,rgba(38,26,14,.52) 18%,rgba(58,40,22,.36) 32%,rgba(82,58,32,.22) 48%,rgba(105,75,42,.1) 64%,rgba(130,95,52,.04) 80%,transparent 100%);box-shadow:inset -1px 0 #281c0e8c,inset 1px 0 #fff0c80f,inset 4px 0 12px #0000008c,inset 8px 0 18px #0000002e,3px 0 10px #00000052}.page-parchment-base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,#f3ead0,#efe3c8 18%,#e8dcc0,#ddd0b0 58%,#d9c9a3 72%,#cfc0a0 88%,#c8b898);filter:url(#parchment-noise);pointer-events:none}.page-parchment-base:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.68;background:repeating-linear-gradient(92deg,transparent,transparent 2px,rgba(110,85,45,.025) 2px,rgba(110,85,45,.025) 3px),repeating-linear-gradient(178deg,transparent,transparent 4px,rgba(100,75,40,.02) 4px,rgba(100,75,40,.02) 5px);mix-blend-mode:multiply}.page-wear{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#e8dcc0;filter:url(#parchment-wear);opacity:.32;pointer-events:none}.page-wear:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(120,90,45,.04) 100%);mix-blend-mode:multiply}.page-wear:after{display:none}.page-texture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at 62% 22%,rgba(85,65,35,.1),transparent 22%),radial-gradient(ellipse at 28% 68%,rgba(75,58,32,.09),transparent 18%),radial-gradient(ellipse at 78% 55%,rgba(90,70,38,.07),transparent 16%),radial-gradient(ellipse at 20% 10%,rgba(255,255,240,.28),transparent 45%),radial-gradient(ellipse at 80% 90%,rgba(120,90,40,.14),transparent 40%);pointer-events:none}.page-texture:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.78;background:linear-gradient(168deg,transparent 47%,rgba(95,72,38,.05) 49.2%,rgba(95,72,38,.08) 50%,rgba(95,72,38,.05) 50.8%,transparent 53%),linear-gradient(82deg,transparent 62%,rgba(100,78,42,.04) 63.5%,rgba(100,78,42,.065) 64.5%,rgba(100,78,42,.04) 65.5%,transparent 67%);mix-blend-mode:multiply}.page-texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.46;background:radial-gradient(circle at 15% 42%,rgba(130,100,50,.08) 0,transparent 8%),radial-gradient(circle at 88% 28%,rgba(120,92,48,.065) 0,transparent 6%),radial-gradient(circle at 72% 78%,rgba(110,85,45,.07) 0,transparent 7%);mix-blend-mode:multiply}.deckle-edge{position:absolute;top:0;right:-2px;bottom:0;width:12px;background:var(--parchment-warm);clip-path:polygon(0 0,100% 3%,70% 8%,100% 14%,60% 22%,100% 30%,70% 40%,100% 50%,65% 60%,100% 70%,75% 82%,100% 92%,60% 98%,100% 100%,0 100%);opacity:.85}.page-content{position:relative;z-index:2;height:100%;padding:1rem 1.2rem .8rem 1.4rem;display:flex;flex-direction:column;overflow:hidden}.page-waiting{font-family:var(--font-body);font-size:clamp(.78rem,3vw,.9rem);color:#1e140861;letter-spacing:.14em;font-style:italic;animation:waiting-pulse 2s ease-in-out infinite}.page-waiting.fade-out{animation:waiting-fade .9s ease forwards}@keyframes waiting-pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes waiting-fade{to{opacity:0}}.answer-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;opacity:0;transform:translateY(8px);transition:opacity 1.2s ease,transform 1.2s ease;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.answer-body.visible{opacity:1;transform:translateY(0)}.oracle-title{font-family:"Noto Serif SC",EB Garamond,serif;font-size:clamp(1.25rem,5.5vw,1.65rem);font-weight:600;line-height:1.55;letter-spacing:.06em;margin-bottom:1rem;max-width:92%;color:#19120cd9;text-shadow:0px 1px 1px rgba(255,255,255,.45),0px -1px 0px rgba(0,0,0,.15);mix-blend-mode:multiply;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=en] .oracle-title{font-family:EB Garamond,"Noto Serif SC",serif;font-weight:600;letter-spacing:.03em}.oracle-detail{font-family:"Noto Serif SC",EB Garamond,serif;font-size:clamp(.78rem,2.9vw,.86rem);line-height:1.85;color:#1c140ac7;letter-spacing:.03em;font-style:italic;font-weight:400;max-width:88%;text-shadow:0px 1px 1px rgba(255,255,255,.35),0px -1px 0px rgba(0,0,0,.1);mix-blend-mode:multiply;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=en] .oracle-detail{font-family:EB Garamond,"Noto Serif SC",serif;letter-spacing:.01em}.book.open .page-content{display:grid;grid-template-rows:1fr auto}.page-center{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.page-waiting,.answer-body{width:100%;padding:0 .4rem}.book.open .page-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.book.open .answer-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-actions{flex-shrink:0;display:flex;justify-content:center;padding-bottom:.2rem}.book.open .page-actions{min-height:2.1rem;align-items:center}.ghost-btn{font-family:var(--font-display);font-size:.6rem;letter-spacing:.14em;color:var(--gold-dark);background:transparent;border:1px solid rgba(107,79,18,.35);padding:.4rem .9rem;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s ease}.ghost-btn.is-visible{opacity:1;visibility:visible;pointer-events:auto}.ritual-dock{flex-shrink:0;width:min(400px,94vw);padding:.25rem 0 .15rem;transition:opacity .45s,max-height .45s;max-height:120px}.ritual-dock.is-floating{position:fixed;z-index:200;max-height:none;padding:0 .75rem calc(.35rem + var(--safe-bottom));box-sizing:border-box;pointer-events:auto}.ritual-dock.is-floating .dock-inner{border-color:#c9a22761;box-shadow:0 -6px 28px #0000008c,0 0 24px #c9a2271f,inset 0 0 20px #0000004d;background:#0b0b0af0}.ritual-dock.hidden{opacity:0;pointer-events:none;transform:translateY(12px);max-height:0;padding:0;overflow:hidden}.ritual-dock.consumed .dock-inner{opacity:.3;transform:scale(.98)}.dock-inner{display:flex;align-items:center;gap:.5rem;padding:.55rem .6rem;background:#0b0b0ad1;border:1px solid rgba(201,162,39,.22);border-radius:4px;box-shadow:0 4px 20px #0006,inset 0 0 20px #0000004d;transition:opacity .3s,transform .3s}.dock-seal{flex-shrink:0;width:1.8rem;text-align:center;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:#c9a2278c}.question-input{flex:1;min-width:0;padding:.55rem .4rem;font-family:var(--font-body);font-size:16px;line-height:1.35;color:var(--parchment);background:transparent;border:none;outline:none;-webkit-text-size-adjust:100%;touch-action:manipulation}.question-input::placeholder{color:#e8dcc059;font-size:16px}.question-input.shake{animation:shake .45s ease}.question-input.dissolving{opacity:0;transition:opacity .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.submit-ask{flex-shrink:0;font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;color:var(--gold-light);background:linear-gradient(180deg,#c9a22733,#6b4f124d);border:1px solid rgba(201,162,39,.4);padding:.5rem .75rem;cursor:pointer;white-space:nowrap}.submit-ask:disabled{opacity:.45;cursor:wait}.book.open .book-cover{transform:rotateY(-158deg);animation:cover-bounce .5s ease 1.1s 1}@keyframes cover-bounce{0%,to{transform:rotateY(-158deg)}40%{transform:rotateY(-152deg)}70%{transform:rotateY(-160deg)}}.book.open .book-page{pointer-events:auto}.book.closing .book-cover{transform:rotateY(0);transition-duration:.7s;animation:none}.book.closing .book-page{pointer-events:none}@media(min-width:768px){:root{--book-stage-max-w: 400px;--book-stage-vw: 72vw;--book-max-h-vh: 56lvh}.book-wrapper{perspective:1500px}}@media(min-width:1024px){:root{--book-stage-max-w: 460px;--book-stage-vw: 48vw;--book-max-h-vh: 60lvh}.book-wrapper{perspective:1600px}}@media(min-width:1280px){:root{--book-stage-max-w: 520px;--book-stage-vw: 40vw;--book-max-h-vh: 65lvh}}@media(max-height:680px){:root{--book-max-h-vh: 44lvh}.hint{display:none}.footer-hint{padding-bottom:.05rem}.header{min-height:2.25rem}}@media(max-width:360px){.submit-ask{padding:.5rem .55rem;font-size:.58rem}}.page-waiting[hidden]{display:none!important}