:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto}main{max-width:920px;margin:0 auto;padding:16px 12px}.list{display:grid;grid-gap:12px;gap:12px;list-style:none;padding:0}.card{padding:14px;border:1px solid #ddd;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(0,0,0,.03))}h1{font-size:28px;margin:0 0 12px}h2{font-size:20px;margin:14px 0 8px}.candle{width:14px;height:30px;border-radius:6px;background:linear-gradient(#b09a7a,#6f5b43);box-shadow:0 6px 10px rgba(0,0,0,.35);position:absolute}.candle .wick{top:-6px;width:2px;height:8px;background:#2b1d14;border-radius:2px}.candle .flame,.candle .wick{position:absolute;left:50%;transform:translateX(-50%)}.candle .flame{top:-24px;width:16px;height:24px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 35%,#fff6b3 0,#ffd66b 40%,#ff9e2f 70%,rgba(255,158,47,0) 72%);filter:blur(.2px) drop-shadow(0 0 8px rgba(255,193,79,.7));animation:flame-flicker 1.8s ease-in-out infinite;transform-origin:50% 100%}.candle .glow{position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,198,88,.28) 0,rgba(255,198,88,0) 70%);pointer-events:none;animation:glow-pulse 2.6s ease-in-out infinite}@keyframes flame-flicker{0%,to{transform:translateX(-50%) rotate(-2deg) scaleY(1);filter:drop-shadow(0 0 7px rgba(255,193,79,.7))}45%{transform:translateX(-50%) rotate(2deg) scaleY(1.06);filter:drop-shadow(0 0 10px rgba(255,193,79,.9))}70%{transform:translateX(-50%) rotate(-1deg) scaleY(.97)}}@keyframes glow-pulse{0%,to{opacity:.35}50%{opacity:.55}}@media (max-width:480px){.candle{transform:scale(.85)}}.g3d-wrap{display:grid;place-content:center;padding:clamp(16px,6vw,48px) 16px}.g3d-book{--w:clamp(260px,60vw,560px);--h:calc(var(--w) * 1.45);--thickness:36px;width:var(--w);height:var(--h);position:relative;transform-style:preserve-3d;perspective:1400px;transform:rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg));transition:transform .22s ease-out}.g3d-cover{position:absolute;inset:0;transform:translateZ(calc(var(--thickness) * .5));border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 2px 0 rgba(0,0,0,.25)}.g3d-cover img{object-fit:cover}.g3d-cover-gloss{position:absolute;inset:0;background:radial-gradient(120% 100% at 0 0,rgba(255,255,255,.18),transparent 50%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 40% 60%,rgba(0,0,0,.12));mix-blend-mode:soft-light;pointer-events:none}.g3d-back{position:absolute;inset:0;transform:translateZ(calc(var(--thickness) * -.5));background:linear-gradient(90deg,#3b2f25 0 35%,#564636 60%,#3b2f25);border-radius:8px;filter:brightness(.9)}.g3d-pages{position:absolute;inset:6px 10px;transform-style:preserve-3d;transform:translateZ(calc(var(--thickness) * -.02))}.g3d-page{position:absolute;inset:0;transform:translateZ(calc((var(--i) - 9) * 1.9px));border-radius:6px;background:repeating-linear-gradient(180deg,#f8f3ea 0 2px,#f3eee4 2px 4px),linear-gradient(90deg,rgba(0,0,0,.08),transparent 12% 88%,rgba(0,0,0,.06));box-shadow:inset 0 0 0 1px rgba(0,0,0,.03),0 .4px .6px rgba(0,0,0,.06);translate:calc((var(--i) - 9) * .15px) calc((var(--i) - 9) * -.1px)}.g3d-shadow{position:absolute;width:90%;height:16%;left:5%;bottom:-12%;transform:translateZ(-1px) rotateX(90deg);background:radial-gradient(60% 70% at 50% 50%,rgba(0,0,0,.35),transparent 70%);filter:blur(10px);pointer-events:none}@media (prefers-reduced-motion:reduce){.g3d-book{transition:none!important}}@keyframes g2_bookGlow{0%{opacity:.35;filter:blur(14px);transform:scale(.98)}50%{opacity:.55;filter:blur(18px);transform:scale(1)}to{opacity:.4;filter:blur(16px);transform:scale(.985)}}.g2-candle-halo{inset:0;background:radial-gradient(320px 220px at 78% 28%,rgba(255,190,120,.55),transparent 65%),radial-gradient(240px 180px at 82% 33%,rgba(255,180,100,.45),transparent 60%),radial-gradient(220px 160px at 70% 30%,rgba(255,210,150,.35),transparent 60%);animation:g2_candleFlicker 3.2s ease-in-out infinite}.g2-book-glow,.g2-candle-halo{position:absolute;pointer-events:none;mix-blend-mode:screen}.g2-book-glow{left:50%;top:58%;transform:translate(-50%,-50%);width:54%;height:58%;opacity:.5;background:radial-gradient(closest-side,rgba(160,110,255,.55),rgba(160,110,255,0) 65%),radial-gradient(closest-side,rgba(210,120,255,.35),rgba(210,120,255,0) 70%);filter:blur(18px);animation:g2_bookGlow 2.8s ease-in-out infinite alternate}.scene-vignette:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 25%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.65) 100%);animation:g2_candleFlicker 3s ease-in-out infinite}@keyframes g2_candleFlicker{0%{opacity:.65;transform:translateY(0) scale(1)}50%{opacity:.9;transform:translateY(-1px) scale(1.01)}to{opacity:.65;transform:translateY(0) scale(1)}}