@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Quicksand:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=Quicksand:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@600;700&family=Quicksand:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400&family=Quicksand:wght@500;600;700&display=swap";@keyframes save-confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}50%{opacity:1}to{transform:translateY(100vh) rotate(1080deg) scale(.5);opacity:0}}@keyframes star-burst{0%{transform:translate(-50%,-50%) rotate(var(--star-angle)) translate(0);opacity:1;scale:1}to{transform:translate(-50%,-50%) rotate(var(--star-angle)) translate(var(--star-speed));opacity:0;scale:.3}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes save-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}@keyframes save-bounce{0%{transform:scale(0) rotate(-30deg)}40%{transform:scale(1.2) rotate(10deg)}60%{transform:scale(.9) rotate(-5deg)}80%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes save-emoji-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.5) rotate(15deg);opacity:1}70%{transform:scale(.8) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ring-expand{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.animate-save-confetti-fall{animation:save-confetti-fall ease-out forwards}.animate-star-burst{animation:star-burst .8s ease-out forwards}.animate-sparkle{animation:sparkle .8s ease-in-out infinite}.animate-save-glow{animation:save-glow 1.5s ease-in-out infinite}.animate-save-bounce{animation:save-bounce .7s cubic-bezier(.34,1.56,.64,1) forwards}.animate-save-emoji-pop{animation:save-emoji-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-ring-expand{animation:ring-expand 1s ease-out infinite}@keyframes gentle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.animate-breathe{animation:gentle-breathe 3s ease-in-out infinite}@keyframes subtle-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.015);opacity:.95}}.animate-breathe-subtle{animation:subtle-breathe 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 20px 4px #fbbf2499}}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes anticipate-lift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.02)}}@keyframes press-down{0%{transform:scale(1) translateY(0)}50%{transform:scale(.97) translateY(1px)}to{transform:scale(1) translateY(0)}}.animate-press{animation:press-down .15s ease-out}.touchable-lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out}.touchable-lift:active{transform:translateY(-2px) scale(1.02)}@keyframes ripple-expand{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;pointer-events:none}.ripple-effect:active:after{animation:ripple-expand .4s ease-out}@keyframes check-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.animate-check-pop{animation:check-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes micro-pulse{0%{transform:scale(1);background-color:inherit}50%{transform:scale(1.05);background-color:#86efac4d}to{transform:scale(1);background-color:inherit}}.animate-micro-pulse{animation:micro-pulse .3s ease-out}@keyframes success-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-success-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:success-shimmer .8s ease-out}@keyframes badge-appear{0%{transform:translateY(-10px) scale(.8);opacity:0}60%{transform:translateY(2px) scale(1.05)}to{transform:translateY(0) scale(1);opacity:1}}.animate-badge-appear{animation:badge-appear .5s cubic-bezier(.34,1.56,.64,1) forwards}.book-perspective{perspective:1500px;perspective-origin:center center}.page-wrapper{transform-style:preserve-3d;position:relative}.page-flipping-out{position:absolute;top:0;left:0;right:0;z-index:20;pointer-events:none}.page-flipping-in{position:relative;z-index:10}.page-base{backface-visibility:hidden;transform-origin:left center;will-change:transform}.page-front{backface-visibility:hidden;transform-origin:left center}.page-back{backface-visibility:hidden;transform-origin:left center;transform:rotateY(180deg);position:absolute;top:0;right:0;bottom:0;left:0}@keyframes page-flip-out{0%{transform:rotateY(0);box-shadow:0 0 #0000}25%{box-shadow:10px 0 30px #00000026}50%{box-shadow:20px 0 40px #0003}75%{box-shadow:10px 0 30px #00000026}to{transform:rotateY(-180deg);box-shadow:0 0 #0000}}@keyframes page-flip-in{0%{transform:rotateY(180deg);opacity:0}50%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes shadow-sweep-next{0%{opacity:0;transform:translate(0)}25%{opacity:.3}50%{opacity:.5;transform:translate(-20%)}75%{opacity:.3}to{opacity:0;transform:translate(-40%)}}@keyframes page-flip-out-reverse{0%{transform:rotateY(0);box-shadow:0 0 #0000}25%{box-shadow:-10px 0 30px #00000026}50%{box-shadow:-20px 0 40px #0003}75%{box-shadow:-10px 0 30px #00000026}to{transform:rotateY(180deg);box-shadow:0 0 #0000}}@keyframes page-flip-in-reverse{0%{transform:rotateY(-180deg);opacity:0}50%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes shadow-sweep-prev{0%{opacity:0;transform:translate(-40%)}25%{opacity:.3}50%{opacity:.5;transform:translate(-20%)}75%{opacity:.3}to{opacity:0;transform:translate(0)}}.animate-page-flip-out{animation:page-flip-out .6s cubic-bezier(.645,.045,.355,1) forwards}.animate-page-flip-in{animation:page-flip-in .6s cubic-bezier(.645,.045,.355,1) forwards}.animate-page-flip-out-reverse{animation:page-flip-out-reverse .6s cubic-bezier(.645,.045,.355,1) forwards}.animate-page-flip-in-reverse{animation:page-flip-in-reverse .6s cubic-bezier(.645,.045,.355,1) forwards}.page-shadow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.1) 70%,transparent 100%);opacity:0}.animate-shadow-sweep-next{animation:shadow-sweep-next .6s cubic-bezier(.645,.045,.355,1) forwards}.animate-shadow-sweep-prev{animation:shadow-sweep-prev .6s cubic-bezier(.645,.045,.355,1) forwards}@keyframes page-fade-in{0%{opacity:.4}to{opacity:1}}@keyframes page-fade-in-reverse{0%{opacity:.4}to{opacity:1}}.animate-page-slide-in{animation:page-fade-in .2s ease-out forwards}.animate-page-slide-in-reverse{animation:page-fade-in-reverse .2s ease-out forwards}@keyframes word-highlight{0%{background-size:0% 40%}to{background-size:100% 40%}}.reading-word-highlight{background:linear-gradient(transparent 60%,#fde68a 60%);background-repeat:no-repeat;background-position:0 100%;animation:word-highlight .2s ease-out forwards}@keyframes sentence-complete{0%{background-color:transparent}30%{background-color:#86efac4d}to{background-color:transparent}}.animate-sentence-complete{animation:sentence-complete .6s ease-out}@keyframes celebration-level-1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.celebrate-level-1{animation:celebration-level-1 .2s ease-out}@keyframes celebration-level-2{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.celebrate-level-2{animation:celebration-level-2 .4s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-level-3{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.celebrate-level-3{animation:celebration-level-3 .6s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-level-4{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.celebrate-level-4{animation:celebration-level-4 .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes celebration-level-5{0%{transform:scale(0) rotate(-360deg);opacity:0;filter:brightness(1)}50%{transform:scale(1.5) rotate(0);opacity:1;filter:brightness(1.5)}to{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}}.celebrate-level-5{animation:celebration-level-5 1s cubic-bezier(.175,.885,.32,1.275)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fade-out .3s ease-out forwards}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}@keyframes shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}.animate-shimmer{animation:shimmer 3s ease-in-out infinite}@keyframes magic-glow{0%,to{box-shadow:0 0 10px #8b5cf64d,0 0 20px #8b5cf633,0 0 30px #8b5cf61a}50%{box-shadow:0 0 15px #8b5cf680,0 0 30px #8b5cf666,0 0 45px #8b5cf633}}.animate-magic-glow{animation:magic-glow 2s ease-in-out infinite}@keyframes dice-spin{0%,66.6%{transform:rotate(0)}83.3%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.animate-dice-spin{animation:dice-spin 3s ease-in-out infinite}@keyframes dice-bounce{0%,66.6%{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}83.3%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}to{transform:translateY(0)}}.animate-dice-bounce{animation:dice-bounce 3s infinite}@media(prefers-reduced-motion:reduce){.animate-breathe,.animate-breathe-subtle,.animate-glow-pulse,.animate-page-turn-out,.animate-page-turn-in,.celebrate-level-1,.celebrate-level-2,.celebrate-level-3,.celebrate-level-4,.celebrate-level-5,.animate-twinkle,.animate-shimmer,.animate-magic-glow,.animate-dice-spin,.animate-dice-bounce{animation:none!important}.touchable-lift:active{transform:none}.splash-stars,.splash-orb,.splash-glow,.fc-orb,.fc-star,.wp-orb,.wl-orb,.lib-stars,.lib-orb--purple,.lib-orb--pink,.lib-orb--teal,.lib-sparkle-dot,.star,.warp-line,.trail-particle{animation:none!important}}@keyframes toast-enter{0%{transform:translateY(-100%) scale(.8);opacity:0}60%{transform:translateY(10px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.animate-toast-enter{animation:toast-enter .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes toast-target-pulse{0%{box-shadow:0 0 #6366f199}50%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-toast-target-pulse{animation:toast-target-pulse 1s ease-out 2}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}:root{--spring-ease: cubic-bezier(.34, 1.56, .64, 1);--smooth-ease: cubic-bezier(.16, 1, .3, 1)}.splash-top-blend{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(30,27,75,.6) 0%,rgba(30,27,75,.3) 30%,transparent 100%),radial-gradient(ellipse 140% 100% at 50% 0%,rgba(99,80,200,.25) 0%,transparent 65%);pointer-events:none;z-index:1}.splash-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 25% 35%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 40% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 55% 55%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 25%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 85% 45%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 15% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 50% 80%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 75% 75%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 90% 85%,rgba(255,255,255,.6),transparent);animation:splash-twinkle 4s ease-in-out infinite alternate;pointer-events:none}@keyframes splash-twinkle{0%{opacity:.8}to{opacity:.4}}.splash-orb{pointer-events:none}.splash-orb--1{animation:splash-orb-float 20s ease-in-out infinite}.splash-orb--2{animation:splash-orb-float 20s ease-in-out infinite;animation-delay:-10s}@keyframes splash-orb-float{0%,to{transform:translate(0)}25%{transform:translate(30px,20px)}50%{transform:translate(-20px,40px)}75%{transform:translate(20px,-10px)}}@keyframes splash-glow-pulse{0%,to{opacity:.12}50%{opacity:.18}}@keyframes splash-panel-up{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-accent-expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes splash-logo-spring{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes splash-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-dot-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.splash-glow{opacity:0;transition:opacity .6s ease}.splash-glow--visible{animation:splash-glow-pulse 3s ease-in-out infinite;opacity:.15}.splash-panel{opacity:0;transform:translateY(120px)}.splash-panel--visible{animation:splash-panel-up .8s var(--smooth-ease) forwards}.splash-accent{width:80px;height:3px;border-radius:2px;transform:scaleX(0);transform-origin:center}.splash-accent--visible{animation:splash-accent-expand .5s var(--smooth-ease) forwards}.splash-logo{opacity:0;transform:scale(.5)}.splash-logo--visible{animation:splash-logo-spring .6s var(--spring-ease) forwards}.splash-brand{opacity:0;transform:translateY(20px)}.splash-brand--visible{animation:splash-fade-up .5s var(--smooth-ease) forwards}.splash-tagline{opacity:0;transform:translateY(15px)}.splash-tagline--visible{animation:splash-fade-up .5s var(--smooth-ease) forwards}.splash-dot{opacity:0;transform:scale(0)}.splash-dot--visible{animation:splash-dot-pop .4s var(--spring-ease) forwards}.login-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 25% 35%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 40% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 55% 55%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 25%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 85% 45%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 15% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 50% 80%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 75% 75%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 90% 85%,rgba(255,255,255,.6),transparent);animation:login-twinkle 4s ease-in-out infinite alternate;pointer-events:none}@keyframes login-twinkle{0%{opacity:.8}to{opacity:.4}}@keyframes login-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-fade-in{animation:login-fade-up .6s cubic-bezier(.16,1,.3,1) forwards}.login-fade-in-delay-1{opacity:0;animation:login-fade-up .5s cubic-bezier(.16,1,.3,1) .15s forwards}.login-fade-in-delay-2{opacity:0;animation:login-fade-up .5s cubic-bezier(.16,1,.3,1) .3s forwards}.login-fade-in-delay-3{opacity:0;animation:login-fade-up .5s cubic-bezier(.16,1,.3,1) .45s forwards}.login-fade-in-delay-4{opacity:0;animation:login-fade-up .5s cubic-bezier(.16,1,.3,1) .6s forwards}.csp-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.csp-fade-in{opacity:1}.csp-fade-out{opacity:0}.csp-night-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b1026,#191d45,#2b1464 70%,#0c0f2a)}.csp-nebula{position:absolute;border-radius:50%;pointer-events:none}.csp-nebula-1{width:340px;height:340px;top:10%;left:-10%;background:radial-gradient(circle,#7c3aed40,#7c3aed00 70%);filter:blur(40px)}.csp-nebula-2{width:320px;height:320px;bottom:5%;right:-10%;background:radial-gradient(circle,#ec48992e,#ec489900 70%);filter:blur(40px)}.csp-starfield{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 20%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 80% 50%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 10%,rgba(255,255,255,.2) 0%,transparent 100%);background-size:400px 400px;animation:csp-field-twinkle 5s ease-in-out infinite;pointer-events:none}.csp-falling-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.csp-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:340px;width:90%;transition:all .5s ease-out}.csp-content-enter{transform:scale(.5);opacity:0}.csp-content-exit{transform:scale(.75) translateY(40px);opacity:0}.csp-content-show{transform:scale(1);opacity:1}.csp-header{text-align:center;margin-bottom:16px}.csp-constellation-name{display:block;font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#fff,#fde68a 60%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.csp-constellation-sub{display:block;margin-top:4px;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:3px}.csp-glass-card{position:relative;width:100%;padding:20px;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 60px #0f172a80,inset 0 0 50px #ffffff08;overflow:hidden}.csp-card-glow{position:absolute;border-radius:50%;pointer-events:none}.csp-card-glow-1{width:200px;height:200px;top:-60px;left:-40px;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,transparent 70%);filter:blur(30px);opacity:.55}.csp-card-glow-2{width:180px;height:180px;bottom:-40px;right:-30px;background:radial-gradient(circle,rgba(236,72,153,.18) 0%,transparent 70%);filter:blur(30px);opacity:.55}.csp-constellation-svg{width:100%;height:auto;display:block}.csp-star-pill{margin-top:16px;display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.csp-star-pill-symbol{font-size:1rem;color:#fbbf24}.csp-star-pill-name{font-family:Crimson Pro,serif;font-size:1.1rem;font-weight:700;color:#fde68a}.csp-lore{position:relative;margin:14px 0 0;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#7c3aed14,#ec48990f,#fbbf240d);border:1px solid rgba(255,255,255,.07)}.csp-lore:before{content:"✦";position:absolute;top:10px;left:14px;font-size:.6rem;color:#fbbf2480;animation:csp-breathe 3s ease-in-out infinite}.csp-lore-text{margin:0;font-family:Crimson Pro,serif;font-size:.82rem;font-weight:400;font-style:italic;color:#ffffff8c;line-height:1.65;text-align:center;text-indent:14px}.csp-hint{margin-top:14px;font-size:.8rem;font-weight:500;color:#ffffffb3}.csp-tap-hint{margin-top:10px;font-size:.7rem;font-weight:500;color:#ffffff59}.csp-star-filled-group{filter:drop-shadow(0 0 4px rgba(254,243,199,.7)) drop-shadow(0 0 10px rgba(251,191,36,.7)) drop-shadow(0 0 22px rgba(236,72,153,.3));animation:csp-breathe 3.6s ease-in-out infinite}.csp-star-purchased-group{filter:drop-shadow(0 0 4px rgba(103,232,249,.6)) drop-shadow(0 0 10px rgba(34,211,238,.5));animation:csp-breathe 3.6s ease-in-out infinite}.csp-star-preview-group{filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 14px #fbbf24) drop-shadow(0 0 28px rgba(236,72,153,.4));animation:csp-preview-glow 2s ease-in-out infinite}@keyframes csp-preview-glow{0%,to{filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 14px #fbbf24) drop-shadow(0 0 28px rgba(236,72,153,.4))}50%{filter:drop-shadow(0 0 10px #fde68a) drop-shadow(0 0 22px #fbbf24) drop-shadow(0 0 36px rgba(236,72,153,.6))}}@keyframes csp-preview-shimmer{0%,to{opacity:.6}50%{opacity:1}}.csp-preview-shimmer{animation:csp-preview-shimmer 2s ease-in-out infinite}.csp-edge-active-line{filter:drop-shadow(0 0 6px rgba(251,191,36,.4)) drop-shadow(0 0 12px rgba(236,72,153,.22))}@keyframes csp-star-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) rotate(540deg);opacity:0}}.csp-star-fall{position:absolute;animation:csp-star-fall linear forwards}@keyframes csp-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes csp-star-pulse{0%,to{filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 14px #fbbf24);transform:scale(1.06)}50%{filter:drop-shadow(0 0 12px #fbbf24) drop-shadow(0 0 24px rgba(236,72,153,.5));transform:scale(1.16)}}@keyframes csp-preview-pulse{0%,to{opacity:.6}50%{opacity:1}}.csp-preview-pulse{animation:csp-preview-pulse 1.6s ease-in-out infinite}@keyframes csp-ambient-twinkle{0%,to{opacity:var(--_o, .3)}50%{opacity:calc(var(--_o, .3) * 2)}}.csp-ambient-twinkle{animation:csp-ambient-twinkle 3s ease-in-out infinite}@keyframes csp-field-twinkle{0%,to{opacity:.8}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.csp-star-fall,.csp-ambient-twinkle,.csp-star-filled-group,.csp-star-purchased-group,.csp-star-preview-group,.csp-preview-pulse,.csp-starfield{animation:none!important}}.word-pack-confirm-enter{animation:word-pack-pop-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes word-pack-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.word-pack-tutorial-enter{animation:word-pack-tutorial-fade-up .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes word-pack-tutorial-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.talk-pack-confirm-enter{animation:talk-pack-pop-in .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes talk-pack-pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.quest-dark-magic{background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6)}.quest-dark-magic .quest-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 40% 8%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 55% 50%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 85% 42%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 15% 68%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 50% 78%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 75% 72%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 92% 88%,rgba(255,255,255,.5),transparent);animation:quest-twinkle 4s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes quest-twinkle{0%{opacity:.8}to{opacity:.35}}.quest-dark-magic .quest-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:quest-float-orb 20s ease-in-out infinite;pointer-events:none;z-index:0}.quest-dark-magic .quest-orb--purple{width:280px;height:280px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-80px;left:-80px}.quest-dark-magic .quest-orb--pink{width:220px;height:220px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);top:40%;right:-60px;animation-delay:-7s}.quest-dark-magic .quest-orb--teal{width:180px;height:180px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);bottom:15%;left:20%;animation-delay:-14s}@keyframes quest-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(15px,20px) scale(1.02)}}.quest-dark-magic .quest-sparkle{position:absolute;width:3px;height:3px;background:#fbbf24;border-radius:50%;box-shadow:0 0 6px #fbbf2466;animation:quest-sparkle-float 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes quest-sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.8;transform:translateY(-40px) scale(1)}}.quest-dark-magic .quest-glass-header{background:#1e1b4bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.quest-dark-magic .quest-glass-card{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12)}.quest-dark-magic-modal{background:#1e1b4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.quest-ship{position:relative;background:linear-gradient(180deg,#6366f140,#4338ca59 40%,#312e8180,#1e1b4b99);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px 20px 8px 8px;border:1px solid rgba(129,140,248,.25);overflow:visible}.quest-ship:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(0deg,transparent 30%,rgba(129,140,248,.06) 30.5%,rgba(129,140,248,.06) 31%,transparent 31.5%,transparent 65%,rgba(129,140,248,.06) 65.5%,rgba(129,140,248,.06) 66%,transparent 66.5%);pointer-events:none;z-index:0}.quest-ship:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px 22px 10px 10px;background:linear-gradient(180deg,#818cf859,#6366f11a 40%,#4f46e540);z-index:-1}.quest-ship-nose{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:56px;height:24px;background:linear-gradient(180deg,#818cf880,#6366f159);border-radius:50% 50% 0 0;border:1px solid rgba(165,180,252,.4);border-bottom:none;z-index:2}.quest-ship-nose:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(180deg,#a5b4fc4d,#818cf899);border-radius:1px}.quest-ship-nose:after{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#f87171;box-shadow:0 0 8px #f87171e6,0 0 16px #f8717166;animation:quest-antenna-blink 1.2s ease-in-out infinite}@keyframes quest-antenna-blink{0%,to{opacity:1;box-shadow:0 0 8px #f87171e6,0 0 16px #f8717166}50%{opacity:.2;box-shadow:0 0 3px #f871714d}}.quest-ship-wing{position:absolute;bottom:10px;width:28px;height:50px;z-index:1}.quest-ship-wing--left{left:-22px;clip-path:polygon(100% 0%,100% 100%,20% 85%,0% 60%);background:linear-gradient(135deg,#6366f180,#4f46e5b3);border-right:1px solid rgba(129,140,248,.3);filter:drop-shadow(-3px 2px 6px rgba(99,102,241,.4))}.quest-ship-wing--right{right:-22px;clip-path:polygon(0% 0%,0% 100%,80% 85%,100% 60%);background:linear-gradient(225deg,#6366f180,#4f46e5b3);border-left:1px solid rgba(129,140,248,.3);filter:drop-shadow(3px 2px 6px rgba(99,102,241,.4))}.quest-ship-wing--left:after,.quest-ship-wing--right:after{content:"";position:absolute;bottom:38%;width:4px;height:4px;border-radius:50%;animation:quest-wingtip 2s ease-in-out infinite}.quest-ship-wing--left:after{left:2px;background:#f87171;box-shadow:0 0 6px #f87171cc}.quest-ship-wing--right:after{right:2px;background:#34d399;box-shadow:0 0 6px #34d399cc}@keyframes quest-wingtip{0%,to{opacity:1}50%{opacity:.3}}.quest-ship-engines{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.quest-ship-nozzle{width:18px;height:10px;background:linear-gradient(180deg,#4338ca,#312e81);border-radius:3px 3px 8px 8px;position:relative;border:1px solid rgba(129,140,248,.35);border-top:none;box-shadow:inset 0 -2px 4px #6366f14d}.quest-ship-nozzle:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:12px;height:24px;background:linear-gradient(180deg,#c7d2fe 0%,#818cf8 15%,#60a5fa 35%,#38bdf8 55%,rgba(56,189,248,.3) 80%,transparent 100%);border-radius:3px 3px 50% 50%;opacity:.95;animation:quest-flame .25s ease-in-out infinite alternate;filter:blur(.5px)}.quest-ship-nozzle--dim{border-color:#6366f14d}.quest-ship-nozzle--dim:after{display:none}.quest-ship-nozzle:nth-child(2){width:22px;height:12px}.quest-ship-nozzle:nth-child(2):after{height:32px;width:14px;animation-delay:.08s}@keyframes quest-flame{0%{height:20px;opacity:.8}to{height:28px;opacity:1}}.quest-ship-viewport{position:relative;background:linear-gradient(180deg,#0f0c32b3,#1e1b4b80);border:1px solid rgba(129,140,248,.2);border-radius:14px;padding:10px 12px;margin-top:4px;box-shadow:inset 0 1px #a5b4fc1a,inset 0 -1px #1e1b4b4d}.quest-ship-viewport:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:13px;background:radial-gradient(ellipse at 50% 0%,rgba(129,140,248,.08) 0%,transparent 60%);pointer-events:none}.quest-ship-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(129,140,248,.02) 2px,rgba(129,140,248,.02) 3px);pointer-events:none}.quest-ship-led{width:5px;height:5px;border-radius:50%;animation:quest-led-pulse 2s ease-in-out infinite}.quest-ship-led--active{background:#34d399;box-shadow:0 0 6px #34d399b3}.quest-ship-led--amber{background:#fbbf24;box-shadow:0 0 6px #fbbf24b3}@keyframes quest-led-pulse{0%,to{opacity:1}50%{opacity:.4}}.quest-ship-badge{background:#6366f133;border:1px solid rgba(129,140,248,.3);padding:2px 8px;border-radius:6px;font-size:9px;font-weight:900;text-transform:uppercase;color:#a5b4fc;letter-spacing:.08em;font-family:monospace}.quest-ship-thruster{position:relative;overflow:hidden}.quest-ship-thruster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:quest-thruster-shine 2s ease-in-out infinite}@keyframes quest-thruster-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quest-ship-hover{animation:quest-ship-float 3s ease-in-out infinite}@keyframes quest-ship-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.quest-ship-landed:after{content:"";position:absolute;bottom:-8px;left:20%;right:20%;height:10px;background:radial-gradient(ellipse,rgba(52,211,153,.5),transparent);filter:blur(5px)}.quest-ship-beacon{animation:quest-ship-float 3s ease-in-out infinite,quest-beacon-glow 1.5s ease-in-out infinite alternate}@keyframes quest-beacon-glow{0%{filter:drop-shadow(0 0 4px rgba(251,191,36,.2))}to{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}}.quest-ship-dormant{border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#312e8140,#1e1b4b59);border:1px solid rgba(129,140,248,.1)}.quest-blackhole-btn{background:linear-gradient(135deg,#0a0015cc,#1e1b4b99);box-shadow:0 0 16px #8b5cf64d,0 0 32px #8b5cf626;border:1.5px solid rgba(168,130,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease}.quest-blackhole-btn:active{transform:scale(.95)}.quest-blackhole-accretion{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid transparent;border-top-color:#fb923c80;border-right-color:#fbbf244d;animation:quest-blackhole-spin 3s linear infinite}.quest-blackhole-core{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:radial-gradient(circle,#000 40%,#581c8799);animation:quest-blackhole-pulse 2s ease-in-out infinite}@keyframes quest-blackhole-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quest-blackhole-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(.92)}}.bd-root{min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6)}.bd-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 12% 20%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 28% 40%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 55% 15%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 78% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 88% 60%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 18% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 65% 85%,rgba(255,255,255,.8),transparent);animation:bd-twinkle 4s ease-in-out infinite alternate}@keyframes bd-twinkle{0%{opacity:.8}to{opacity:.35}}.bd-header{background:#1e1b4b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 20px 32px;position:relative;overflow:hidden}.bd-back-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin-bottom:16px;color:#ffffffe6}.bd-back-btn:hover{background:#ffffff26}.bd-back-btn:active{background:#fff3}.bd-badge{padding:4px 12px;font-size:12px;font-weight:900;border-radius:8px;display:inline-flex;align-items:center;gap:4px}.bd-badge--level{background:#7c3aed40;border:1px solid rgba(124,58,237,.4);color:#c4b5fd}.bd-badge--parts{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fcd34d}.bd-progress-card{margin-top:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;transition:all .15s ease}.bd-progress-card--clickable{cursor:pointer}.bd-progress-card--clickable:active{background:#ffffff1f}.bd-progress-track{position:relative;height:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:9999px;overflow:hidden}.bd-progress-guide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background:linear-gradient(90deg,#6ee7b7,#fde047,#fb923c,#a78bfa);border-radius:9999px}.bd-chapter-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .15s ease}.bd-chapter-card:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.bd-chapter-card:active{background:#ffffff1f;transform:translateY(0)}.bd-part-number{width:48px;height:48px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-done-badge{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);padding:4px 12px;border-radius:8px;display:flex;align-items:center;gap:4px;flex-shrink:0}.bd-play-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-level-badge{padding:4px 12px 5px;border-radius:8px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:-.025em}.bd-level-badge--beginner{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.bd-level-badge--intermediate{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fcd34d}.bd-level-badge--advanced{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.bd-level-badge--default{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.bd-action-btn{width:100%;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .15s ease;cursor:pointer;margin-top:12px}.bd-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.bd-action-btn:active{transform:translateY(0)}.bd-action-btn--author{background:#7b2d5b40;border:1px solid rgba(123,45,91,.35)}.bd-action-btn--author:hover{background:#7b2d5b59}.bd-action-btn--locked{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.bd-action-btn--locked:hover{background:#ffffff14}.bd-action-btn--character{background:#06b6d426;border:1px solid rgba(6,182,212,.25)}.bd-action-btn--character:hover{background:#06b6d440}.bd-action-btn--story-gen{background:#a855f733;border:1px solid rgba(168,85,247,.3)}.bd-action-btn--story-gen:hover{background:#a855f74d}.bd-cert-btn{margin-top:12px;width:100%;height:48px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;transition:all .15s ease;cursor:pointer;text-transform:uppercase;letter-spacing:-.025em}.bd-cert-btn:hover{background:#fbbf244d;box-shadow:0 0 16px #fbbf2433}.bd-cert-btn:active{background:#fbbf2459}.bd-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15)}.bd-orb{position:absolute;bottom:-80px;right:-80px;width:240px;height:240px;background:#7c3aed33;border-radius:50%;filter:blur(40px);pointer-events:none}.bd-milestone-dot{width:8px;height:8px;border-radius:50%;transition:all .2s ease}.bd-milestone-dot--active{background:#ffffffe6;border:1px solid rgba(255,255,255,.5);transform:scale(1)}.bd-milestone-dot--inactive{background:#ffffff26;border:1px solid rgba(255,255,255,.1);transform:scale(.75)}.bls-sheet{background:linear-gradient(180deg,#1e1b4b,#312e81 60%,#4c1d95);border-top:1px solid rgba(255,255,255,.12);border-radius:28px 28px 0 0}.bls-description{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px}.bc-card{width:100%;text-align:left;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease;position:relative;cursor:pointer}.bc-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.bc-card:active{transform:translateY(0)}.bc-cyan{background:#06b6d41f;border:1px solid rgba(6,182,212,.25)}.bc-pink{background:#ec48991f;border:1px solid rgba(236,72,153,.25)}.bc-green{background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.bc-yellow{background:#fbbf241f;border:1px solid rgba(251,191,36,.25)}.bc-violet{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25)}.bc-orange{background:#f973161f;border:1px solid rgba(249,115,22,.25)}.bc-special{background:linear-gradient(135deg,#8b5cf626,#ec489926,#f9731626);border:1px solid rgba(168,85,247,.3)}.bc-lock-badge{position:absolute;top:12px;right:12px;z-index:10;width:28px;height:28px;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.bc-complete-badge{position:absolute;top:-8px;right:-8px;z-index:10;width:28px;height:28px;background:#10b9814d;border:1px solid rgba(16,185,129,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.bc-action-icon{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center}.bc-meta-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff9}@media(prefers-reduced-motion:reduce){.bd-stars{animation:none;opacity:.5}}.book-entry-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:all;overflow:hidden}.book-entry-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .3s ease-out}.book-entry-overlay.lift .book-entry-backdrop{background:#0f0a28d9}.book-entry-overlay.launch .book-entry-backdrop{background:#0a051ef2}.book-entry-overlay.warp .book-entry-backdrop,.book-entry-overlay.arrive .book-entry-backdrop{background:#050214}.book-entry-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s ease-out}.book-entry-overlay.lift .book-entry-stars,.book-entry-overlay.launch .book-entry-stars,.book-entry-overlay.warp .book-entry-stars{opacity:1}.star{position:absolute;border-radius:50%;background:#fff}.star-0{width:2px;height:2px;opacity:.6}.star-1{width:3px;height:3px;opacity:.8}.star-2{width:2px;height:2px;opacity:.5}.star-3{width:4px;height:4px;opacity:.9;box-shadow:0 0 6px 1px #a78bfa99}.star-4{width:2px;height:2px;opacity:.4}.book-entry-overlay.lift .star{animation:starTwinkle .8s ease-in-out infinite alternate}.book-entry-overlay.launch .star{animation:starFlyDown .4s linear forwards}.book-entry-overlay.warp .star{animation:starWarpStreak .3s linear forwards}@keyframes starTwinkle{0%{opacity:var(--star-base-opacity, .5)}to{opacity:1}}@keyframes starFlyDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(120vh);opacity:.3}}@keyframes starWarpStreak{0%{transform:translateY(0) scaleY(1);opacity:1}to{transform:translateY(200vh) scaleY(40);opacity:0}}.book-entry-warp-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.book-entry-overlay.warp .book-entry-warp-lines,.book-entry-overlay.arrive .book-entry-warp-lines{opacity:1}.warp-line{position:absolute;top:50%;left:50%;width:2px;height:var(--length);background:linear-gradient(to bottom,transparent 0%,rgba(167,139,250,.8) 30%,rgba(255,255,255,.9) 50%,rgba(167,139,250,.8) 70%,transparent 100%);transform-origin:top center;transform:rotate(var(--angle)) translateY(0) scaleY(0);opacity:0}.book-entry-overlay.warp .warp-line{animation:warpLineShoot .5s var(--delay) cubic-bezier(.4,0,.2,1) forwards}.book-entry-overlay.arrive .warp-line{opacity:0;animation:warpLineFade .35s ease-out forwards}@keyframes warpLineShoot{0%{transform:rotate(var(--angle)) translateY(0) scaleY(0);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translateY(0) scaleY(1);opacity:.7}}@keyframes warpLineFade{0%{opacity:.7}to{opacity:0}}.book-entry-engine-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.8) 0%,rgba(124,58,237,.5) 30%,rgba(91,33,182,.3) 60%,transparent 100%);opacity:0;transform:translateY(160px);transition:all .3s ease-out;pointer-events:none;filter:blur(8px)}.book-entry-overlay.lift .book-entry-engine-glow{opacity:.6;transform:translateY(160px) scale(1)}.book-entry-overlay.launch .book-entry-engine-glow{opacity:1;transform:translateY(180px) scale(1.5);background:radial-gradient(circle,rgba(251,191,36,.9) 0%,rgba(245,158,11,.6) 25%,rgba(167,139,250,.4) 55%,transparent 100%);filter:blur(12px)}.book-entry-overlay.warp .book-entry-engine-glow{opacity:0;transform:translateY(300px) scale(.3);transition:all .3s ease-in}.book-entry-card{position:relative;width:200px;height:280px;border-radius:4px 16px 16px 4px;transform:scale(.5) translateY(80px);opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 2px #a78bfa4d,0 8px 32px #0006;z-index:10}.book-entry-overlay.lift .book-entry-card{transform:scale(.9) translateY(0);opacity:1;box-shadow:0 0 0 2px #a78bfa80,0 0 30px 8px #7c3aed4d,0 12px 40px #00000080}.book-entry-overlay.launch .book-entry-card{transform:scale(1) translateY(-30px);opacity:1;box-shadow:0 0 0 2px #fbbf2466,0 0 40px 12px #a78bfa66,0 20px 60px #7c3aed4d;transition:all .4s cubic-bezier(.4,0,.2,1)}.book-entry-overlay.warp .book-entry-card{transform:scale(.05) translateY(-600px);opacity:0;transition:transform .5s cubic-bezier(.6,0,1,.4),opacity .4s .1s ease-out;box-shadow:0 0 80px 30px #a78bfa99,0 0 120px 60px #7c3aed4d}.book-entry-overlay.arrive .book-entry-card{transform:scale(0) translateY(-800px);opacity:0;transition:none}.book-entry-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;border-radius:inherit;overflow:hidden}.book-page-right{position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;border-radius:inherit;display:flex;align-items:center;justify-content:center}.book-cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:12px}.book-cover-icon{font-size:48px;color:#000000b3}.book-cover-title{font-family:Plus Jakarta Sans,Noto Sans KR,sans-serif;font-size:18px;font-weight:800;color:#000;line-height:1.3;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.book-cover-subtitle{font-family:Noto Sans KR,Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#0009}.book-cover-level{font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;color:#00000080;background:#ffffff80;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,0,0,.1)}.book-entry-trail{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.trail-particle{position:absolute;border-radius:50%;opacity:0}.trail-0,.trail-4{width:6px;height:6px;background:#a78bfa}.trail-1,.trail-5{width:8px;height:8px;background:#7c3aed}.trail-2,.trail-6{width:4px;height:4px;background:#c4b5fd}.trail-3,.trail-7{width:10px;height:10px;background:#fbbf24;box-shadow:0 0 8px 2px #fbbf2480}.book-entry-overlay.launch .trail-particle{animation:trailDrop .6s ease-out infinite}.trail-0{animation-delay:0s!important}.trail-1{animation-delay:.08s!important}.trail-2{animation-delay:.15s!important}.trail-3{animation-delay:.22s!important}.trail-4{animation-delay:.05s!important}.trail-5{animation-delay:.12s!important}.trail-6{animation-delay:.18s!important}.trail-7{animation-delay:.25s!important}@keyframes trailDrop{0%{opacity:1;transform:translateY(140px) translate(calc((var(--trail-x, 0) - .5) * 40px)) scale(1)}to{opacity:0;transform:translateY(350px) translate(calc((var(--trail-x, 0) - .5) * 80px)) scale(.2)}}.trail-0{--trail-x: .3}.trail-1{--trail-x: .7}.trail-2{--trail-x: .45}.trail-3{--trail-x: .5}.trail-4{--trail-x: .55}.trail-5{--trail-x: .35}.trail-6{--trail-x: .65}.trail-7{--trail-x: .5}.book-entry-overlay.warp .trail-particle,.book-entry-overlay.arrive .trail-particle{animation:none;opacity:0}.book-entry-overlay.arrive .book-entry-backdrop{animation:arriveFlash .35s ease-out forwards}@keyframes arriveFlash{0%{background:#050214}30%{background:#a78bfa66}to{background:#f5f0e8}}.book-entry-overlay:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:all .3s ease-out}.book-entry-overlay.warp:before{width:12px;height:12px;opacity:1;box-shadow:0 0 20px 8px #a78bfacc,0 0 60px 20px #7c3aed66,0 0 100px 40px #5b21b633;animation:centralPulse .5s ease-in-out}.book-entry-overlay.arrive:before{width:200vmax;height:200vmax;opacity:1;background:#f5f0e8;box-shadow:none;border-radius:0;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes centralPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1)}}.bookshelf-container{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.lib-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 75% 25%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 85% 55%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 15% 65%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 60% 80%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 90% 85%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 30% 90%,rgba(255,255,255,.4),transparent);animation:lib-twinkle 4s ease-in-out infinite alternate}@keyframes lib-twinkle{0%{opacity:.8}to{opacity:.35}}.lib-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);opacity:.3;animation:lib-float-orb 20s ease-in-out infinite}.lib-orb--purple{width:280px;height:280px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-80px;left:-80px}.lib-orb--pink{width:220px;height:220px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);bottom:20%;right:-60px;animation-delay:-7s}.lib-orb--teal{width:180px;height:180px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);top:40%;left:30%;animation-delay:-14s}@keyframes lib-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(15px,20px) scale(1.02)}}.lib-sparkle{position:fixed;pointer-events:none;z-index:0}.lib-sparkle-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#fbbf24;box-shadow:0 0 6px #fbbf2466;animation:lib-sparkle-float 6s ease-in-out infinite}.lib-sparkle-dot:nth-child(1){top:20%;left:15%;animation-delay:0s}.lib-sparkle-dot:nth-child(2){top:45%;right:10%;animation-delay:-2s}.lib-sparkle-dot:nth-child(3){top:70%;left:40%;animation-delay:-4s}@keyframes lib-sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.8;transform:translateY(-40px) scale(1)}}.shelf-row.has-frames{position:relative}.wall-frame-single{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:200px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);border-radius:6px;box-shadow:0 0 20px #7c3aed26,inset 0 0 20px #7c3aed0d;padding:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.wall-frame-single:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:8px;background:#7c3aed4d;border-radius:8px 8px 0 0;border:1px solid rgba(124,58,237,.2)}.wall-frame-single:after{content:"";position:absolute;top:4px;left:4px;right:60%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.15),transparent);border-radius:2px;pointer-events:none}.wall-frame-inner{width:100%;height:100%;border:1px solid rgba(255,255,255,.08);background:#0000004d;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.wall-frame-img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.8);opacity:.8}.wall-frame-single.wall-frame-vertical{width:140px;height:280px}.wall-carved{position:absolute;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;pointer-events:none;z-index:0;max-height:140px;overflow:hidden;padding:4px 2px}.wall-carved-left{left:2px;transform:translateY(-50%) rotate(180deg)}.wall-carved-right{right:2px}.carved-text{font-family:Times New Roman,"Noto Serif",serif;font-size:7px;font-weight:500;letter-spacing:1px;color:#ffffff1f;text-shadow:none;white-space:nowrap}.bookshelf{background:linear-gradient(180deg,#1e1b4b,#312e81 35%,#4c1d95 65%,#5b21b6);padding:0 0 140px;min-height:100vh}.shelf-row{position:relative;padding:16px 16px 0;margin-bottom:0;overflow:visible}.shelf-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(90deg,#ffffff05,#ffffff14,#ffffff05);border-top:1px solid rgba(255,255,255,.12);border-bottom:none;box-shadow:0 4px 12px #0003}.shelf-row:before{content:"";position:absolute;bottom:0;left:0;right:0;height:10px;background:none;z-index:1;pointer-events:none}.books-container{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-bottom:10px;min-height:240px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.books-container::-webkit-scrollbar{display:none}.book-spine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;border:1px solid rgba(212,169,83,.25);border-radius:1px 4px 4px 1px;box-shadow:0 2px 8px #0006,inset -5px 0 10px #00000059,inset 4px 0 8px #ffffff0f,inset 0 1px #d4a95326,inset 0 -1px #d4a95326;overflow:hidden;padding:0 2px;box-sizing:border-box}.book-spine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px),repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,.015) 4px,rgba(255,255,255,.015) 5px);pointer-events:none;z-index:1;border-radius:inherit}.book-spine:hover{transform:translateY(-10px);z-index:10;box-shadow:0 8px 24px #00000080,0 0 20px #d4a95333,inset -5px 0 10px #00000059,inset 4px 0 8px #ffffff0f}.book-spine:active{transform:translateY(-6px);box-shadow:0 4px 12px #0006,inset -5px 0 10px #00000059}.spine-frame{position:absolute;top:5px;right:4px;bottom:5px;left:4px;border:1px solid rgba(212,169,83,.3);border-radius:1px;pointer-events:none;z-index:2;box-shadow:inset 0 0 3px #d4a9531a,0 0 2px #d4a95314}.spine-frame:before,.spine-frame:after{content:"";position:absolute;width:3px;height:3px;background:#d4a95380;border-radius:50%}.spine-frame:before{top:-1px;left:50%;transform:translate(-50%)}.spine-frame:after{bottom:-1px;left:50%;transform:translate(-50%)}.spine-band{position:absolute;left:6px;right:6px;height:5px;background:linear-gradient(180deg,rgba(212,169,83,.5) 0%,rgba(212,169,83,.5) 20%,transparent 20%,transparent 40%,rgba(212,169,83,.7) 40%,rgba(212,169,83,.7) 60%,transparent 60%,transparent 80%,rgba(212,169,83,.5) 80%,rgba(212,169,83,.5) 100%);box-shadow:0 0 6px #d4a95333;z-index:3}.spine-band.top{top:12px}.spine-band.bottom{bottom:12px}.spine-divider{display:flex;align-items:center;justify-content:center;gap:3px;z-index:3;margin:2px 0}.spine-divider:before,.spine-divider:after{content:"";width:10px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,169,83,.5) 50%,transparent 100%)}.spine-divider-motif{font-size:5px;color:#d4a95399;line-height:1}.spine-title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:6px 4px;overflow:hidden;z-index:3;gap:2px}.spine-title{font-family:Crimson Pro,Cormorant Garamond,Georgia,serif;font-weight:700;font-size:12px;letter-spacing:.5px;text-shadow:1px 1px 1px rgba(0,0,0,.2);line-height:1.15;text-align:center;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;z-index:3}.spine-subtitle{font-family:Noto Sans KR,Crimson Pro,sans-serif;font-weight:500;font-size:7px;letter-spacing:.3px;line-height:1.2;text-align:center;opacity:.65;word-break:keep-all;overflow-wrap:normal;z-index:3}.spine-title.gold{color:#d4a953;text-shadow:0 0 4px rgba(212,169,83,.3),0 1px 2px rgba(0,0,0,.6)}.spine-subtitle.gold{color:#d4a953b3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.spine-title.dark{color:#1f2937;text-shadow:none}.spine-title.light{color:#fefce8;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.book-count{position:absolute;bottom:8px;font-family:Crimson Pro,serif;font-size:8px;font-weight:600;color:inherit;opacity:.6;z-index:3}.book-count.gold{color:#d4a95399}.reading-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#fbbf24;border:1px solid rgba(251,191,36,.6);border-radius:6px;padding:1px 5px;z-index:10;white-space:nowrap;animation:badgePulse 2.5s ease-in-out infinite}.reading-badge-text{font-size:7px;font-weight:700;color:#78350f;letter-spacing:.3px;line-height:1.2}@keyframes badgePulse{0%,to{box-shadow:0 0 4px #fbbf2466}50%{box-shadow:0 0 12px #fbbf24b3}}.paused-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:1px 4px;z-index:10;white-space:nowrap;display:flex;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.paused-badge-icon{font-size:10px;color:#ffffffb3;line-height:1}.purchased-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:1px 4px;z-index:10;white-space:nowrap;display:flex;align-items:center}.purchased-badge-icon{font-size:10px;color:#34d399;line-height:1}.book-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0a28a6;display:flex;align-items:center;justify-content:center;z-index:5;border-radius:inherit}.book-locked-overlay .lock-icon{color:#ffffffb3;font-size:18px}.library-header{background:#1e1b4bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:8px 16px 0;padding-top:calc(8px + env(safe-area-inset-top));display:flex;flex-direction:column;position:sticky;top:0;z-index:20}.library-header .mw-constellation-row{position:relative;top:auto;left:auto;transform:none;z-index:1;margin:6px 0 10px;width:100%;padding:0 6px;pointer-events:auto;transition:max-height .25s ease,opacity .2s ease}.library-header .mw-constellation-badge{background:transparent;border:none;padding:0;cursor:pointer;pointer-events:auto}.library-header .mw-constellation-badge:focus-visible{outline:2px solid rgba(250,240,137,.65);outline-offset:2px;border-radius:6px}.library-constellations--compact{max-height:34px;overflow:hidden}.library-constellations--expanded{max-height:84px}.library-motto{position:relative;margin:0 20px 12px;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0;box-shadow:0 4px 16px #0003;overflow:hidden}.library-motto:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,transparent 50%,rgba(236,72,153,.05) 100%);pointer-events:none;border-radius:inherit}.library-motto-inner{position:relative;background:transparent;border-radius:inherit;padding:14px 20px;box-shadow:none}.library-motto-inner:before{display:none}.library-motto-text{position:relative;display:block;font-family:Trajan Pro,Times New Roman,"Noto Serif",serif;font-size:13px;font-weight:600;letter-spacing:5px;text-align:center;color:#fff9;text-shadow:0 0 20px rgba(124,58,237,.3)}.library-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:900;color:#ffffffe6;letter-spacing:-.02em;text-transform:uppercase}.library-search-btn{width:44px;height:44px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .15s ease}.library-search-btn:hover{background:#ffffff1f;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.library-search-btn:active{transform:scale(.95);box-shadow:0 1px 4px #0003}.shelf-divider{position:relative;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 80%,transparent 100%);border:none;box-shadow:none;margin:0 16px}.shelf-divider:before{display:none}.shelf-label{display:none}.library-search-overlay{background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95)}.library-search-input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 2px 8px #0003;color:#ffffffe6;font-family:Plus Jakarta Sans,Noto Sans KR,sans-serif;font-weight:600}.library-search-input::placeholder{color:#ffffff59}.library-search-input:focus{outline:none;border-color:#7c3aed80;box-shadow:0 2px 8px #0003,0 0 0 3px #7c3aed33}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff9;text-align:center}.library-empty-icon{font-size:64px;color:#7c3aed80;margin-bottom:16px}.book-navy{background:linear-gradient(180deg,#1e2a4a,#162040 15%,#0f1a33,#162040 85%,#1e2a4a)}.book-burgundy{background:linear-gradient(180deg,#6b2039,#5a1a30 15%,#4a1528,#5a1a30 85%,#6b2039)}.book-forest{background:linear-gradient(180deg,#1a4a3a,#13392c 15%,#0d2e22,#13392c 85%,#1a4a3a)}.book-leather{background:linear-gradient(180deg,#5c3a1e,#4d2f18 15%,#3d2512,#4d2f18 85%,#5c3a1e)}.book-black{background:linear-gradient(180deg,#1a1a2e,#131324 15%,#0d0d1a,#131324 85%,#1a1a2e)}.book-crimson{background:linear-gradient(180deg,#7a1b1b,#6a1515 15%,#5a1010,#6a1515 85%,#7a1b1b)}.book-sage{background:linear-gradient(180deg,#2d5a4a,#234d3d 15%,#1a3d30,#234d3d 85%,#2d5a4a)}.book-plum{background:linear-gradient(180deg,#4a2060,#3b1950 15%,#2d1240,#3b1950 85%,#4a2060)}.book-teal-deep{background:linear-gradient(180deg,#1a4a5a,#133d4d 15%,#0d3040,#133d4d 85%,#1a4a5a)}.book-charcoal{background:linear-gradient(180deg,#2a2a3a,#222231 15%,#1a1a28,#222231 85%,#2a2a3a)}.book-spine.spine-curious{animation:spineCurious .3s cubic-bezier(.34,1.56,.64,1) forwards;z-index:20}@keyframes spineCurious{0%{transform:translateY(0) translateZ(0) rotateY(0);box-shadow:0 2px 8px #0006,inset -5px 0 10px #00000059,inset 4px 0 8px #ffffff0f}40%{transform:translateY(-15px) translateZ(20px) rotateY(-8deg);box-shadow:0 12px 30px #0006,0 0 30px #d4a95366,inset -5px 0 10px #00000059,inset 4px 0 8px #ffffff0f}to{transform:translateY(-12px) translateZ(15px) rotateY(-5deg);box-shadow:0 10px 25px #00000059,0 0 24px #d4a9534d,inset -5px 0 10px #00000059,inset 4px 0 8px #ffffff0f}}.book-spine.spine-curious .spine-frame{border-color:#d4a95399;box-shadow:inset 0 0 8px #d4a95333}@keyframes curiousGlow{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(1.1)}}.book-wave-item{opacity:0;transform:translateY(-30px) scale(.95);animation:bookWaveIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.book-tag{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fffc}.book-level-theme{font-weight:800;box-shadow:0 2px 8px #00000026}.book-level-theme--breaking{background:linear-gradient(135deg,#10b98133,#34d3994d);border-color:#10b98166;color:#6ee7b7}.book-level-theme--native{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);border-color:#3b82f666;color:#93c5fd}.book-level-theme--original{background:linear-gradient(135deg,#fbbf2433,#fcd34d4d);border-color:#fbbf2466;color:#fcd34d}.book-level-theme--sat{background:linear-gradient(135deg,#a855f733,#c084fc4d);border-color:#a855f766;color:#c084fc}.book-tag--breaking{background:linear-gradient(135deg,#10b98133,#34d3994d);border-color:#10b98166;color:#6ee7b7}.book-tag--native{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);border-color:#3b82f666;color:#93c5fd}.book-tag--original{background:linear-gradient(135deg,#fbbf2433,#fcd34d4d);border-color:#fbbf2466;color:#fcd34d}.book-tag--sat{background:linear-gradient(135deg,#a855f733,#c084fc4d);border-color:#a855f766;color:#c084fc}.book-card--sparkle>.book-card-content{position:relative;z-index:1}.book-card-sparkles{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;pointer-events:none;z-index:0}.book-card-sparkles:before,.book-card-sparkles:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:radial-gradient(1.8px 1.8px at 18% 28%,rgba(255,255,255,.95),transparent),radial-gradient(1.4px 1.4px at 70% 22%,rgba(251,191,36,.9),transparent),radial-gradient(1.6px 1.6px at 42% 78%,rgba(255,255,255,.85),transparent),radial-gradient(1.2px 1.2px at 80% 68%,rgba(251,191,36,.7),transparent),radial-gradient(1.6px 1.6px at 55% 45%,rgba(255,255,255,.8),transparent);opacity:.6;filter:drop-shadow(0 0 6px rgba(251,191,36,.45));animation:book-card-drift var(--sparkle-drift, 8s) ease-in-out infinite,book-card-twinkle var(--sparkle-twinkle, 3.5s) ease-in-out infinite;animation-delay:var(--sparkle-delay, 0s)}.book-card-sparkles:after{opacity:.45;animation-delay:calc(var(--sparkle-delay, 0s) + .8s);transform:scale(1.04)}@keyframes book-card-drift{0%,to{background-position:0 0}50%{background-position:18px 10px}}@keyframes book-card-twinkle{0%,to{opacity:.25}50%{opacity:.75}}@keyframes bookWaveIn{0%{opacity:0;transform:translateY(-30px) scale(.95) rotate(-1deg)}40%{opacity:1;transform:translateY(8px) scale(1.02) rotate(.5deg)}70%{transform:translateY(-4px) scale(.99) rotate(-.3deg)}85%{transform:translateY(2px) scale(1.005) rotate(.1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.book-spine.sparkle{animation:bookSparkle 1.5s ease-in-out;z-index:25}@keyframes bookSparkle{0%,to{transform:scale(1);filter:brightness(1)}15%{transform:scale(1.08);filter:brightness(1.3);box-shadow:0 0 30px 15px #d4a95380,0 0 60px 30px #d4a95333}30%{transform:scale(1.05);filter:brightness(1.2);box-shadow:0 0 20px 10px #d4a95366,0 0 40px 20px #d4a95326}50%{transform:scale(1.06);filter:brightness(1.25);box-shadow:0 0 25px 12px #d4a95373,0 0 50px 25px #d4a95333}70%{transform:scale(1.03);filter:brightness(1.1)}}.book-spine.sparkle:after{content:"✨";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:22px;opacity:0;animation:fairyDust 1.5s ease-out;pointer-events:none;z-index:30}@keyframes fairyDust{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.3)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}50%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-40px) scale(.5)}}.book-spine.scroll-float{animation:scrollFloat 1.4s cubic-bezier(.25,.46,.45,.94);z-index:15}@keyframes scrollFloat{0%{transform:translateY(0)}20%{transform:translateY(-16px) rotate(-1.5deg);box-shadow:0 8px 20px #0000004d,0 0 20px #d4a9534d}50%{transform:translateY(-12px) rotate(.5deg)}75%{transform:translateY(-5px) rotate(-.3deg)}to{transform:translateY(0) rotate(0)}}.library-first-visit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:50;cursor:pointer;animation:overlayFadeIn .5s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.shelf-first-highlight{position:relative;z-index:60;background:#1e1b4bf2;margin-left:-4px;margin-right:-4px;padding-left:20px;padding-right:20px;border-radius:8px}.shelf-first-highlight .books-container{position:relative;z-index:61}.mw-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px calc(20px + env(safe-area-inset-bottom));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mw-phase-header{text-align:center;margin-bottom:8px}.mw-phase-name{color:#ffffffe6;font-size:16px;font-weight:700;letter-spacing:.5px}.mw-phase-desc{color:#ffffff73;font-size:11px;font-weight:400;margin-top:2px}.mw-timer{position:fixed;top:calc(6px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:45;padding:4px 10px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.25);color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,255,255,.2);pointer-events:none;overflow:hidden}.mw-timer-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff1f,#ffffff0a);transform-origin:left center;z-index:-1}.mw-timer--hit{animation:mw-timer-hit .2s ease-out;box-shadow:0 0 14px #f8717180;border-color:#f87171b3;color:#fecaca}@keyframes mw-timer-hit{0%{transform:translate(-50%) scale(1);background:#50000033}20%{transform:translate(-50%) rotate(var(--hit-rot, -2deg)) scale(var(--hit-intensity, 1.04));background:#78000059}40%{transform:translate(-50%) rotate(calc(var(--hit-rot, -2deg) * -1)) scale(1.02);background:#5a00004d}70%{transform:translate(-50%) rotate(var(--hit-rot, -.6deg)) scale(1.01);background:#46000038}to{transform:translate(-50%) scale(1);background:#00000059}}.mw-timer--danger{color:#fca5a5;border-color:#f8717199;box-shadow:0 0 10px #f8717159}.mw-timer--over{color:#f87171;background:#50000080;border-color:#f87171cc;box-shadow:0 0 12px #f8717173}.mw-constellation-row{position:fixed;top:calc(34px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;display:grid;grid-template-columns:repeat(6,auto);justify-content:center;gap:4px;pointer-events:none}.mw-boss-hp-top{position:fixed;top:calc(110px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;width:min(420px,88vw);pointer-events:none}.mw-boss-hp-top .mw-energy-container{margin-bottom:0}.mw-constellation-badge{display:flex;flex-direction:column;align-items:center;gap:1px;opacity:.25;transition:opacity .3s}.mw-constellation-badge--current{opacity:.6}.mw-constellation-badge--complete{opacity:1}.mw-constellation-svg{width:24px;height:24px}.mw-constellation-label{color:#ffffff80;font-size:8px;font-weight:500}.mw-constellation-badge--complete .mw-constellation-label{color:#faf089}.mw-constellation-badge--complete .mw-constellation-svg{filter:drop-shadow(0 0 4px rgba(250,240,137,.5))}.mw-cosmic-level{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:50;padding:4px 10px;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#faf089;font-size:13px;font-weight:700;pointer-events:none}.mw-guide{position:fixed;top:calc(56px + env(safe-area-inset-top));left:0;right:0;z-index:10;text-align:center;color:#0ff;font-size:16px;font-weight:700;letter-spacing:.5px;line-height:1.6;pointer-events:none;text-shadow:0 0 12px rgba(0,255,255,.6),0 0 24px rgba(0,255,255,.3);animation:mw-guide-fade 5s ease-in-out forwards}@keyframes mw-guide-fade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}.mw-gravity-formula{text-align:center;color:#fff3;font-size:10px;font-weight:400;letter-spacing:.3px;margin-bottom:6px}.mw-phase-dots{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.mw-phase-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .3s,box-shadow .3s}.mw-phase-dot--filled{background:#fffc;box-shadow:0 0 6px #fff6}.mw-phase-dot--current{background:#ffffff80;animation:mw-dot-pulse 2s ease-in-out infinite}@keyframes mw-dot-pulse{0%,to{opacity:.5}50%{opacity:1}}.mw-energy-container{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mw-energy-label{color:#fffc;font-size:13px;font-weight:600;white-space:nowrap}.mw-energy-track{flex:1;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mw-energy-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ed8936,#faf089);box-shadow:0 0 12px #faf08980;transition:background .3s}.mw-energy-pct{color:#ffffffb3;font-size:12px;font-weight:500;min-width:36px;text-align:right}.mw-stats-row{display:flex;justify-content:space-around;margin-bottom:10px}.mw-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.mw-stat-value{color:#faf089;font-size:20px;font-weight:700;display:inline-block}.mw-stat-label{color:#ffffff80;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mw-status{text-align:center;color:#fff9;font-size:13px;font-weight:500;padding-bottom:4px}.mw-action-buttons{position:fixed;right:16px;bottom:220px;z-index:50;display:flex;align-items:center;gap:12px;row-gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 32px);pointer-events:none}.mw-action-btn--locked{opacity:.6;filter:grayscale(.6) saturate(.5) brightness(.85);box-shadow:none;border-color:#fff3}.mw-action-btn--locked:not(:disabled):active{transform:scale(.98);box-shadow:none}.mw-action-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mw-action-lock svg{width:22px;height:22px}.mw-action-lock path{fill:none;stroke:#ffffffe6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}.mw-bomb-btn{position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,102,0,.6);background:radial-gradient(circle at 40% 40%,#f80,#f40,#c20);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 16px #ff660080,0 0 32px #ff220040;transition:all .3s ease;pointer-events:auto}.mw-bomb-btn:disabled{background:#ffffff14;border-color:#ffffff26;box-shadow:none;opacity:.6;cursor:default}.mw-bomb-btn:not(:disabled):active{transform:scale(.9);box-shadow:0 0 24px #f60c,0 0 48px #f206}.mw-bomb-icon{width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(255,200,120,.7))}.mw-bomb-icon__burst{fill:#2b1400;stroke:#ffe18cd9;stroke-width:.35}.mw-bomb-icon__core{fill:#fff3c4;stroke:#ffb446e6;stroke-width:.35}.mw-cooldown-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fffc;background:#0009;border-radius:50%;pointer-events:none}.mw-bomb-ready-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,136,0,.6);animation:mw-bomb-pulse 1.5s ease-in-out infinite}@keyframes mw-bomb-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mw-shield-btn{position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(250,204,21,.7);background:radial-gradient(circle at 40% 40%,#fff1a6,#facc15,#eab308);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 16px #facc1580,0 0 32px #ca8a044d;transition:all .3s ease;pointer-events:auto}.mw-shield-btn:disabled{background:#ffffff14;border-color:#ffffff26;box-shadow:none;opacity:.7;cursor:default}.mw-shield-btn:not(:disabled):active{transform:scale(.9);box-shadow:0 0 24px #facc15cc,0 0 48px #ca8a0473}.mw-shield-btn--active{border-color:#fff0a8e6;box-shadow:0 0 22px #ffe678b3,0 0 50px #ffc93b73}.mw-shield-icon{width:26px;height:26px;filter:drop-shadow(0 0 6px rgba(255,240,170,.7))}.mw-shield-icon__outer{fill:#3b2400;stroke:#ffe8a0e6;stroke-width:.4}.mw-shield-icon__inner{fill:#ffe9a3;stroke:#ffd778e6;stroke-width:.35}.mw-cooldown-ring{--cooldown-progress: 0;position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(#ffffffd9 calc(var(--cooldown-progress) * 360deg),#ffffff26 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);pointer-events:none}.mw-cooldown-ring--bomb{background:conic-gradient(#ffa03ce6 calc(var(--cooldown-progress) * 360deg),#ffffff1f 0)}.mw-cooldown-ring--shield{background:conic-gradient(#ffe28cf2 calc(var(--cooldown-progress) * 360deg),#ffffff1f 0)}.mw-cooldown-ring--leo{background:conic-gradient(#d946eff2 calc(var(--cooldown-progress) * 360deg),#ffffff1f 0)}.mw-cooldown-ring--gemini{background:conic-gradient(#a755f7f2 calc(var(--cooldown-progress) * 360deg),#ffffff1f 0)}.mw-cooldown-ring--scorpio{background:conic-gradient(#7dd3fcf2 calc(var(--cooldown-progress) * 360deg),#ffffff1f 0)}.mw-shield-ready-ring,.mw-shield-active-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,220,120,.7)}.mw-shield-ready-ring{animation:mw-shield-pulse 1.6s ease-in-out infinite}.mw-shield-active-ring{border-color:#fff5bee6;animation:mw-shield-active .9s ease-in-out infinite}@keyframes mw-shield-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes mw-shield-active{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.mw-leo-btn{position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(217,70,239,.7);background:radial-gradient(circle at 40% 40%,#f5d0fe,#c026d3,#7c3aed);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 16px #d946ef73,0 0 32px #6d28d959;transition:all .3s ease;pointer-events:auto}.mw-leo-btn:disabled{background:#ffffff14;border-color:#ffffff26;box-shadow:none;opacity:.7;cursor:default}.mw-leo-btn:not(:disabled):active{transform:scale(.9);box-shadow:0 0 24px #d946efcc,0 0 48px #6d28d973}.mw-leo-btn--active{border-color:#f0c8ffe6;box-shadow:0 0 22px #ec4899b3,0 0 50px #7c3aed8c}.mw-leo-icon{width:26px;height:26px;filter:drop-shadow(0 0 6px rgba(233,213,255,.8))}.mw-leo-icon__burst{fill:#2b1036;stroke:#f1caffe6;stroke-width:.35}.mw-leo-icon__beam{stroke:#ffffffe6;stroke-width:1.2;stroke-linecap:round}.mw-leo-ready-ring,.mw-leo-active-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(233,213,255,.75)}.mw-leo-ready-ring{animation:mw-leo-pulse 1.6s ease-in-out infinite}.mw-leo-active-ring{border-color:#fce7fff2;animation:mw-leo-active .8s ease-in-out infinite}.mw-leo-undo-badge{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:999px;background:#290a42d9;border:1px solid rgba(233,213,255,.55);display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 10px #ec48998c}.mw-leo-undo-badge svg{width:14px;height:14px}.mw-leo-undo-icon__arrow,.mw-leo-undo-icon__curve{fill:none;stroke:#fffffff2;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@keyframes mw-leo-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes mw-leo-active{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.mw-gemini-btn{position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(167,85,247,.7);background:radial-gradient(circle at 40% 40%,#f3e8ff,#a855f7,#6d28d9);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 16px #9333ea73,0 0 32px #581c8759;transition:all .3s ease;pointer-events:auto}.mw-gemini-btn:disabled{background:#ffffff14;border-color:#ffffff26;box-shadow:none;opacity:.7;cursor:default}.mw-gemini-btn:not(:disabled):active{transform:scale(.9);box-shadow:0 0 24px #c480ffcc,0 0 48px #7e22ce73}.mw-gemini-btn--active{border-color:#e9d5fff2;box-shadow:0 0 22px #d8b4feb3,0 0 50px #8b5cf68c}.mw-gemini-icon{width:26px;height:26px;filter:drop-shadow(0 0 6px rgba(221,214,254,.85))}.mw-gemini-icon__star{fill:#2b1236;stroke:#e9d5ffe6;stroke-width:.35}.mw-gemini-ready-ring,.mw-gemini-active-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(216,180,254,.75)}.mw-gemini-ready-ring{animation:mw-gemini-pulse 1.6s ease-in-out infinite}.mw-gemini-active-ring{border-color:#f3e8fff2;animation:mw-gemini-active .8s ease-in-out infinite}@keyframes mw-gemini-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes mw-gemini-active{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.mw-scorpio-btn{position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(125,211,252,.7);background:radial-gradient(circle at 40% 40%,#e0f2fe,#60a5fa,#2563eb);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 16px #7dd3fc73,0 0 32px #3b82f659;transition:all .3s ease;pointer-events:auto}.mw-scorpio-btn:disabled{background:#ffffff14;border-color:#ffffff26;box-shadow:none;opacity:.7;cursor:default}.mw-scorpio-btn:not(:disabled):active{transform:scale(.9);box-shadow:0 0 24px #7dd3fcd9,0 0 48px #3b82f68c}.mw-scorpio-btn--active{border-color:#e0e7fff2;box-shadow:0 0 22px #a5b4fcb3,0 0 50px #3b82f68c}.mw-scorpio-icon{width:26px;height:26px;filter:drop-shadow(0 0 6px rgba(224,242,254,.9))}.mw-scorpio-icon__orbit{fill:none;stroke:#ffffffd9;stroke-width:1.2}.mw-scorpio-icon__tail{fill:none;stroke:#e0e7ffe6;stroke-width:1.6;stroke-linecap:round}.mw-scorpio-icon__star{fill:#fff;stroke:#bfdbfee6;stroke-width:.6}.mw-scorpio-ready-ring,.mw-scorpio-active-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(191,219,254,.75)}.mw-scorpio-ready-ring{animation:mw-scorpio-pulse 1.6s ease-in-out infinite}.mw-scorpio-active-ring{border-color:#e0e7fff2;animation:mw-scorpio-active .9s ease-in-out infinite}@keyframes mw-scorpio-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes mw-scorpio-active{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.mw-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0015;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5}.mw-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#faf089;border-radius:50%;animation:mw-spin .8s linear infinite}@keyframes mw-spin{to{transform:rotate(360deg)}}.mw-loading-text{color:#ffffff80;font-size:14px}.mw-back-btn{position:fixed;top:calc(12px + env(safe-area-inset-top));left:12px;z-index:50;width:36px;height:36px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.mw-back-btn:active{background:#fff3}.mw-gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0003,#000000b3)}.mw-gameover-card{text-align:center;padding:20px 28px;border-radius:16px;background:#0c0018b3;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080}.mw-gameover-title{color:#f87171;font-size:28px;font-weight:800;letter-spacing:3px;text-shadow:0 0 16px rgba(248,113,113,.4)}.mw-gameover-desc{margin-top:8px;color:#fff9;font-size:12px;letter-spacing:.4px}.mw-gameover-actions{margin-top:16px;display:flex;gap:12px;justify-content:center;pointer-events:auto}.mw-gameover-btn{min-width:120px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffe6;font-size:14px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.mw-gameover-btn:active{transform:scale(.97)}.mw-gameover-btn--retry{background:linear-gradient(90deg,#f59e0b,#f97316);color:#1a0a00;box-shadow:0 0 16px #f9731673;border-color:#f9731699}.mw-gameover-btn--exit{background:#ffffff1a}@keyframes cert-modal-enter{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes cert-seal-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cert-card-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cert-twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}@keyframes cert-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cert-modal-enter{animation:cert-modal-enter .4s cubic-bezier(.34,1.56,.64,1) forwards}.cert-seal-pop{animation:cert-seal-pop .5s cubic-bezier(.34,1.56,.64,1) .2s both}.cert-card-fade{animation:cert-card-fade .4s ease-out .3s both}.cert-twinkle{animation:cert-twinkle 2s ease-in-out infinite}.cert-shimmer-border{background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.3) 50%,transparent 100%);background-size:200% 100%;animation:cert-shimmer 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes challengeEnter{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.challenge-overlay-enter{animation:challengeEnter .5s cubic-bezier(.34,1.56,.64,1) forwards}.challenge-overlay-hidden{opacity:0;transform:scale(.98) translateY(8px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out forwards}@keyframes correctFlash{0%{background-color:#22c55e4d}50%{background-color:#22c55e33}to{background-color:transparent}}.animate-correct-flash{animation:correctFlash .6s ease-out forwards}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-wiggle{animation:wiggle .4s ease-in-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes gameViewEnter{0%{opacity:0}to{opacity:1}}.animate-game-enter{animation:gameViewEnter .4s ease-out forwards}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-smooth-enter{animation:smoothFadeIn .5s ease-out forwards}@keyframes csc-star-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) rotate(540deg);opacity:0}}@keyframes csc-burst-particle{0%{transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(var(--particle-speed));opacity:0}}@keyframes csc-star-glow{0%,to{opacity:.6;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}50%{opacity:1;filter:drop-shadow(0 0 20px rgba(251,191,36,.9))}}@keyframes csc-badge-pop{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.15) rotate(3deg)}70%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes csc-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes csc-ring-expand{0%{transform:scale(.3);opacity:.7}to{transform:scale(3);opacity:0}}@keyframes csc-line-draw{0%{stroke-dashoffset:100%;opacity:.3}to{stroke-dashoffset:0%;opacity:.6}}@keyframes csc-new-star-pulse{0%{r:0;opacity:0}30%{r:6;opacity:1}60%{r:8}to{r:5;opacity:1}}.csc-star-fall{animation:csc-star-fall linear forwards}.csc-burst-particle{animation:csc-burst-particle .8s ease-out forwards}.csc-star-glow{animation:csc-star-glow 2s ease-in-out infinite}.csc-badge-pop{animation:csc-badge-pop .6s ease-out forwards}.csc-twinkle{animation:csc-twinkle 1.5s ease-in-out infinite}.csc-ring-expand{animation:csc-ring-expand 1.2s ease-out forwards}.csc-line-draw{animation:csc-line-draw 1s ease-out forwards}.csc-new-star-pulse{animation:csc-new-star-pulse .8s ease-out .3s both}.author-chat-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:linear-gradient(180deg,#f8f5fa,#f3eef6)}.author-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fffdfff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(93,16,73,.12)}.author-chat-header-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5d104914;color:#5d1049;transition:background .2s}.author-chat-header-btn:hover{background:#5d104926}.author-chat-author-info{display:flex;align-items:center;gap:12px}.author-chat-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7b2d5b,#5d1049);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,253,255,.9);box-shadow:0 2px 8px #5d10494d}.author-chat-avatar-icon{color:#fff;font-size:22px!important}.author-chat-author-text{text-align:left}.author-chat-author-name{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:15px;color:#3d0a30;letter-spacing:.3px}.author-chat-author-era{font-size:11px;color:#7b2d5b;font-style:italic;margin-top:1px}.author-chat-book-banner{padding:10px 16px;background:#5d10490f;border-bottom:1px solid rgba(93,16,73,.1)}.author-chat-book-banner p{font-size:12px;color:#5d1049;text-align:center;font-style:italic}.author-chat-book-banner strong{font-weight:600;color:#3d0a30;font-style:normal}.author-chat-messages{flex:1;overflow-y:auto;padding:20px 16px}.author-chat-bubble-container{display:flex;margin-bottom:16px}.author-chat-bubble-container.is-author{justify-content:flex-start}.author-chat-bubble-container.is-user{justify-content:flex-end}.author-chat-bubble{max-width:85%;padding:14px 18px;border-radius:16px;position:relative}.author-chat-bubble.is-author{background:#fffcfe;border:1px solid rgba(93,16,73,.15);border-top-left-radius:4px;box-shadow:0 1px 3px #5d104914}.author-chat-bubble.is-user{background:linear-gradient(135deg,#7b2d5b,#5d1049);color:#fff;border-top-right-radius:4px;box-shadow:0 2px 6px #5d104940}.author-chat-bubble-author-name{font-size:11px;font-weight:600;color:#7b2d5b;margin-bottom:6px;font-family:Georgia,serif;letter-spacing:.5px;text-transform:uppercase}.author-chat-bubble-text{font-size:14px;line-height:1.65;white-space:pre-wrap;font-family:Georgia,Times New Roman,serif}.author-chat-bubble.is-author .author-chat-bubble-text{color:#2d0820}.author-chat-bubble.is-user .author-chat-bubble-text{color:#fff}.author-chat-typing{display:flex;align-items:center;gap:5px;padding:4px 0}.author-chat-thinking-text{font-size:13px;color:#7b2d5b;font-style:italic;font-family:Georgia,serif;margin-right:4px;animation:authorThinkingPulse 2s ease-in-out infinite}@keyframes authorThinkingPulse{0%,to{opacity:.7}50%{opacity:1}}.author-chat-typing-dot{width:7px;height:7px;background:#7b2d5b;border-radius:50%;animation:authorTypingBounce 1.4s ease-in-out infinite}.author-chat-typing-dot:nth-child(2){animation-delay:0ms}.author-chat-typing-dot:nth-child(3){animation-delay:.2s}.author-chat-typing-dot:nth-child(4){animation-delay:.4s}@keyframes authorTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.author-chat-error{display:flex;justify-content:center;margin:16px 0}.author-chat-error-content{padding:10px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#b91c1c}.author-chat-input-container{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;background:#fffcfe;border-top:1px solid rgba(93,16,73,.12);padding-bottom:calc(env(safe-area-inset-bottom) + 14px)}.author-chat-textarea{flex:1;padding:12px 16px;font-size:14px;font-family:Georgia,Times New Roman,serif;background:#f8f5fa;border:1px solid rgba(93,16,73,.15);border-radius:20px;resize:none;min-height:44px;max-height:120px;line-height:1.5;color:#2d0820;transition:border-color .2s,box-shadow .2s}.author-chat-textarea:focus{outline:none;border-color:#7b2d5b;box-shadow:0 0 0 3px #7b2d5b26}.author-chat-textarea::placeholder{color:#9b6b87;font-style:italic}.author-chat-textarea:disabled{opacity:.5}.author-chat-send-btn{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.author-chat-send-btn.enabled{background:linear-gradient(135deg,#7b2d5b,#5d1049);color:#fff;box-shadow:0 2px 8px #5d104959}.author-chat-send-btn.enabled:hover{transform:scale(1.05)}.author-chat-send-btn.enabled:active{transform:scale(.95)}.author-chat-send-btn.disabled{background:#e8dfe5;color:#9b6b87;cursor:not-allowed}.author-chat-state-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.author-chat-loading-spinner{width:48px;height:48px;border:3px solid rgba(93,16,73,.2);border-top-color:#7b2d5b;border-radius:50%;animation:authorSpin 1s linear infinite;margin-bottom:16px}@keyframes authorSpin{to{transform:rotate(360deg)}}.author-chat-loading-text{color:#5d1049;font-size:14px;font-style:italic}.author-chat-restricted-icon{font-size:56px!important;color:#c9a8bc;margin-bottom:16px}.author-chat-restricted-text{font-size:16px;font-weight:600;color:#5d1049;text-align:center;margin-bottom:8px}.author-chat-upgrade-btn{margin-top:16px;padding:14px 28px;background:linear-gradient(135deg,#7b2d5b,#5d1049);color:#fff;font-weight:600;border-radius:12px;transition:transform .2s}.author-chat-upgrade-btn:hover{transform:scale(1.02)}.author-chat-messages::-webkit-scrollbar{width:6px}.author-chat-messages::-webkit-scrollbar-track{background:transparent}.author-chat-messages::-webkit-scrollbar-thumb{background:#5d104940;border-radius:3px}.author-chat-messages::-webkit-scrollbar-thumb:hover{background:#5d104966}.author-summon-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a0a14,#0d050a);opacity:0;transition:opacity .5s ease-out}.author-summon-overlay.enter{opacity:0}.author-summon-overlay.main{opacity:1}.author-summon-overlay.exit{opacity:0;transition:opacity .6s ease-in}.author-summon-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.author-summon-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:radial-gradient(circle,#c9a0b8 0%,transparent 70%);border-radius:50%;opacity:0;animation:particleFloat 3s ease-in-out infinite;animation-delay:var(--delay);transform:rotate(var(--angle)) translate(120px)}@keyframes particleFloat{0%,to{opacity:0;transform:rotate(var(--angle)) translate(80px) scale(.5)}50%{opacity:.8;transform:rotate(calc(var(--angle) + 180deg)) translate(150px) scale(1)}}.author-summon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(123,45,91,.4) 0%,rgba(93,16,73,.2) 40%,transparent 70%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.author-summon-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px}.author-summon-ring{width:100%;height:100%;color:#c9a0b880;animation:ringRotate 20s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.author-summon-icon{position:relative;z-index:2;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b2d5b4d,#5d104980);border-radius:50%;border:1px solid rgba(201,160,184,.3);animation:iconAppear .8s ease-out .3s both}.author-summon-icon .material-symbols-outlined{font-size:40px;color:#e8d5e0;animation:iconGlow 2s ease-in-out infinite}@keyframes iconAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 8px rgba(232,213,224,.4))}50%{filter:drop-shadow(0 0 20px rgba(232,213,224,.8))}}.author-summon-text{position:relative;z-index:2;margin-top:32px;text-align:center;animation:textFadeIn .8s ease-out .5s both}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.author-summon-title{font-family:Georgia,Times New Roman,serif;font-size:14px;color:#c9a0b8cc;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.author-summon-name{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700;color:#e8d5e0;letter-spacing:1px;text-shadow:0 0 20px rgba(232,213,224,.5);margin-bottom:8px}.author-summon-subtitle{font-size:12px;color:#c9a0b899;font-style:italic}.author-summon-dots{position:relative;z-index:2;display:flex;gap:8px;margin-top:24px;animation:textFadeIn .8s ease-out .7s both}.author-summon-dot{width:6px;height:6px;background:#c9a0b8;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.author-summon-dot:nth-child(1){animation-delay:0ms}.author-summon-dot:nth-child(2){animation-delay:.2s}.author-summon-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}}.story-modal-header{background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.story-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.9) translateY(20px)}50%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.word-with-pronunciation{display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline}.word-pronunciation{font-size:.55em;line-height:1.2;color:#2d2a264d;font-weight:400;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-top:-2px}.saved-word-underline{background-color:transparent;border-bottom:2px solid rgba(180,140,80,.4)!important}@media(hover:hover){.word-hover-effect:hover{background-color:#2d2a260a;border-color:#2d2a261f}}.highlight-underline-yellow{background-color:transparent;border-bottom:2px solid #fbbf24!important}.highlight-underline-green{background-color:transparent;border-bottom:2px solid #34d399!important}.highlight-underline-blue{background-color:transparent;border-bottom:2px solid #60a5fa!important}.highlight-underline-pink{background-color:transparent;border-bottom:2px solid #f472b6!important}.highlight-palette{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000026;z-index:60;position:absolute;left:50%;transform:translate(-50%);bottom:-40px;animation:palette-pop .15s ease-out}@keyframes palette-pop{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.highlight-palette-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s ease}.highlight-palette-dot:active{transform:scale(.9)}.highlight-palette-dot-active{border-color:#0006;box-shadow:0 0 0 2px #fff,0 0 0 4px #00000026}.highlight-palette-divider{width:1px;height:20px;background:#0000001f}.highlight-palette-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#0006;cursor:pointer;transition:background .15s ease}.highlight-palette-action:hover{background:#0000000f}.highlight-palette-action:active{background:#0000001a}:root{--reader-bg: #faf8f5;--reader-text: #2d2a26;--reader-text-90: rgba(45, 42, 38, .9);--reader-text-50: rgba(45, 42, 38, .5);--reader-text-45: rgba(45, 42, 38, .45);--reader-text-40: rgba(45, 42, 38, .4);--reader-text-30: rgba(45, 42, 38, .3);--reader-text-25: rgba(45, 42, 38, .25);--reader-text-12: rgba(45, 42, 38, .12);--reader-text-08: rgba(45, 42, 38, .08);--reader-text-06: rgba(45, 42, 38, .06);--reader-text-04: rgba(45, 42, 38, .04);--reader-serif: "Cormorant Garamond", "MaruBuri", "Crimson Pro", "Georgia", serif;--reader-serif-short: "Cormorant Garamond", "Georgia", serif;--reader-saved-underline: rgba(180, 140, 80, .4);--reader-word-highlight: rgba(180, 160, 100, .15);--reader-selection: rgba(100, 150, 200, .15)}.reader-serif-text{font-family:var(--reader-serif);color:var(--reader-text);word-spacing:.06em}.reader-header-serif{font-family:var(--reader-serif-short);color:var(--reader-text-40);letter-spacing:.1em}.reader-header-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:var(--reader-text-04);transition:all .15s ease}.reader-header-btn:hover{background:var(--reader-text-08)}.reader-header-btn:active{transform:scale(.95)}.reader-header-icon{font-size:22px;color:var(--reader-text-45)}.reader-page-number{font-family:var(--reader-serif-short);font-size:14px;font-weight:500;color:var(--reader-text-25);letter-spacing:.15em}.reader-progress-track{height:3px;background:var(--reader-text-04);border-radius:2px;overflow:hidden}.reader-progress-fill{height:100%;background:var(--reader-text-30);border-radius:2px;transition:width .3s ease-out}.reader-chapter-badge{background:var(--reader-text-06);color:var(--reader-text-50);border:1px solid var(--reader-text-08)}.reader-chapter-label{font-family:var(--reader-serif-short);color:var(--reader-text-30);letter-spacing:.05em}.reader-roulette-btn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.reader-dictation-active{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#ede9fe;color:#7c3aed;border:1px solid rgba(139,92,246,.3);transition:all .15s ease}.reader-dictation-active:active{transform:scale(.95)}.page-flip-container{perspective:2000px;perspective-origin:center center;background-color:#faf8f5}.page-flip-book{margin:0 auto;background-color:#faf8f5!important}.page-flip-container,.page-flip-container *{--pageflip-bg: #faf8f5}.stf__parent,.page-flip-container .stf__parent,.stf__wrapper,.page-flip-container .stf__wrapper,.stf__block,.page-flip-container .stf__block{background-color:#faf8f5!important;background:#faf8f5!important}.page-flip-book,.page-flip-container>div,.page-flip-container>div>div{background-color:#faf8f5!important;background:#faf8f5!important}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow,[class*=Shadow]{background-color:transparent!important;background:transparent!important;box-shadow:none!important;opacity:0!important;display:none!important;visibility:hidden!important}.stf__item{box-shadow:none!important;filter:none!important}.stf__parent>div:not(.stf__wrapper),.stf__wrapper>div:not(.stf__block){display:none!important}.page-flip-page{position:relative;background:#faf8f5;border-radius:0;overflow:hidden}.page-flip-content{background:transparent}.page-flip-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}.page-flip-page>*{position:relative;z-index:1}.page-flip-book .--left .page-flip-page,.stf__item.--left .page-flip-page{border-right:0;box-shadow:none}.page-flip-book .--right .page-flip-page,.stf__item.--right .page-flip-page{border-left:0;box-shadow:none}.page-flip-book .--flipping .page-flip-page,.stf__item.--flipping .page-flip-page{box-shadow:0 8px 24px #0000000f}.page-flip-page .text-center{font-family:Georgia,serif}.stf__parent,.stf__wrapper,.stf__block{pointer-events:none!important}.page-flip-page,.page-flip-page *,.page-flip-page span,.page-flip-page div{pointer-events:auto!important}.page-flip-page .shadow-hard{box-shadow:0 4px 12px #0000001f}.page-flip-page .flex-1{min-height:0}.page-flip-container:before,.page-flip-container:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:32px;height:80px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10}.page-flip-container:hover:before{left:8px;background:linear-gradient(to right,rgba(0,0,0,.1),transparent);border-radius:4px 0 0 4px;opacity:.5}.page-flip-container:hover:after{right:8px;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);border-radius:0 4px 4px 0;opacity:.5}@media(hover:none){.page-flip-container:before,.page-flip-container:after{display:none}}@keyframes page-flip-hint{0%,to{transform:translate(0) rotateY(0)}50%{transform:translate(-5px) rotateY(-5deg)}}.page-flip-hint{animation:page-flip-hint 2s ease-in-out infinite}@media(max-width:640px){.page-flip-page{padding:8px}.page-flip-content{padding:12px 8px}}.page-flip-page .sentence-no-box{background:transparent!important;background-color:transparent!important;border:none!important;border-width:0!important;box-shadow:none!important;border-radius:0!important}.page-flip-page .normal-mode-text{font-family:var(--reader-serif);color:var(--reader-text);word-spacing:.06em}.page-flip-page .normal-mode-text span[class*=saved-word-underline]{background-color:transparent!important;border-bottom:2px solid var(--reader-saved-underline)!important}.page-flip-page .normal-mode-text span[class*=bg-cyan-300]{background-color:var(--reader-selection)!important}.page-flip-page .normal-mode-text .translation-text{color:var(--reader-text-40)!important;font-style:italic}.page-flip-page .normal-mode-text .word-pronunciation{color:var(--reader-text-30)}.page-flip-page .normal-mode-text .reading-word-highlight{background:var(--reader-word-highlight)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out forwards}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-slow{animation:bounce-slow 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-wiggle{animation:wiggle .5s ease-in-out}.mimos-chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}.mimos-chat-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;transition:opacity .2s}.mimos-chat-panel{position:relative;width:100%;max-width:32rem;max-height:80vh;display:flex;flex-direction:column;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid rgba(0,0,0,.08);border-bottom:none;box-shadow:0 -8px 30px -10px #0000001f;animation:slide-up .3s ease-out}.mimos-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff;border-top-left-radius:23px;border-top-right-radius:23px;flex-shrink:0}.mimos-chat-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#00000008;color:#00000080;transition:all .2s}.mimos-chat-close-btn:hover{background:#0000000f}.mimos-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.mimos-chat-typing{display:flex;align-items:center;gap:5px;padding:12px 16px;border-radius:16px;background:#f5f3ff;border:1px solid #e9e5fc}.mimos-chat-typing-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:mimosTypingBounce 1.4s ease-in-out infinite}@keyframes mimosTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.mimos-chat-input-container{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;background:#fff;border-top:1px solid rgba(0,0,0,.06);padding-bottom:calc(env(safe-area-inset-bottom) + 14px);flex-shrink:0}.mimos-chat-textarea{flex:1;padding:12px 16px;font-size:16px;font-family:inherit;background:#00000008;border:1px solid rgba(0,0,0,.08);border-radius:16px;resize:none;min-height:48px;max-height:120px;line-height:1.5;color:#000;transition:border-color .2s,box-shadow .2s}.mimos-chat-textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a}.mimos-chat-textarea::placeholder{color:#00000059}.mimos-chat-textarea:disabled{opacity:.5}.mimos-chat-send-btn{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;border:none;transition:all .2s}.mimos-chat-send-btn.enabled{background:#8b5cf6;color:#fff;box-shadow:0 2px 8px #8b5cf64d}.mimos-chat-send-btn.enabled:hover{background:#7c3aed}.mimos-chat-send-btn.enabled:active{transform:scale(.95);box-shadow:0 1px 4px #8b5cf633}.mimos-chat-send-btn.disabled{background:#0000000d;color:#00000040;cursor:not-allowed;box-shadow:none}.mimos-chat-messages::-webkit-scrollbar{width:6px}.mimos-chat-messages::-webkit-scrollbar-track{background:transparent}.mimos-chat-messages::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.mimos-chat-messages::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.tutorial-toast-enter{animation:toastSlideUp .3s ease-out forwards}.tutorial-toast-visible{opacity:1;transform:translateY(0)}.tutorial-toast-exit{animation:toastSlideDown .3s ease-in forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes grammar-sheet-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.grammar-sheet-panel{animation:grammar-sheet-slide-up .3s ease-out}@keyframes grammar-sheet-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.grammar-sheet-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:grammar-sheet-shimmer 1.5s ease-in-out infinite;border-radius:8px}.grammar-sheet-scroll::-webkit-scrollbar{width:6px}.grammar-sheet-scroll::-webkit-scrollbar-track{background:transparent}.grammar-sheet-scroll::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.grammar-sheet-scroll::-webkit-scrollbar-thumb:hover{background:#10b98180}.book-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:var(--reader-bg);overflow:hidden;display:flex;flex-direction:column}.book-mode:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.book-mode-page{position:relative;z-index:1;max-width:640px;width:100%;height:100%;margin:0 auto;padding:calc(env(safe-area-inset-top,20px) + 48px) 28px 80px 28px;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch}.book-mode-translation-tap-area{flex-shrink:0;min-height:60px}.book-mode-text{font-family:var(--reader-serif);font-size:clamp(19px,5.2vw,26px);font-weight:400;line-height:2;letter-spacing:.02em;color:var(--reader-text);text-align:left;word-spacing:.06em}.book-mode-text .reading-word-highlight{background:var(--reader-word-highlight)}.book-mode-text span[class*=saved-word-underline]{background-color:transparent!important;border-bottom:2px solid var(--reader-saved-underline)!important}.book-mode-text span[class*=bg-cyan-300]{background-color:var(--reader-selection)!important}.book-mode-text .translation-text{color:var(--reader-text-40)!important;font-style:italic}.book-mode-text .word-pronunciation{color:var(--reader-text-30)}.book-mode-image{width:100%;max-height:35vh;object-fit:cover;border-radius:12px;margin-bottom:24px;opacity:.92}.book-mode-page-number{position:fixed;bottom:calc(env(safe-area-inset-bottom,16px) + 16px);left:50%;transform:translate(-50%);font-family:var(--reader-serif-short);font-size:14px;font-weight:500;color:var(--reader-text-25);letter-spacing:.15em;z-index:1;pointer-events:none}@keyframes book-page-exit-next{0%{transform:translate(0) scale(1);opacity:1;filter:brightness(1)}to{transform:translate(-35%) scale(.94);opacity:0;filter:brightness(.9)}}@keyframes book-page-exit-prev{0%{transform:translate(0) scale(1);opacity:1;filter:brightness(1)}to{transform:translate(35%) scale(.94);opacity:0;filter:brightness(.9)}}.book-mode-page-exit-next{animation:book-page-exit-next .18s ease-in forwards}.book-mode-page-exit-prev{animation:book-page-exit-prev .18s ease-in forwards}@keyframes book-page-enter-next{0%{transform:translate(60%) rotateY(-8deg);opacity:0;box-shadow:-20px 0 60px #00000026}50%{opacity:1}to{transform:translate(0) rotateY(0);opacity:1;box-shadow:none}}@keyframes book-page-enter-prev{0%{transform:translate(-60%) rotateY(8deg);opacity:0;box-shadow:20px 0 60px #00000026}50%{opacity:1}to{transform:translate(0) rotateY(0);opacity:1;box-shadow:none}}.book-mode-page-enter-next{animation:book-page-enter-next .35s cubic-bezier(.16,1,.3,1) forwards}.book-mode-page-enter-prev{animation:book-page-enter-prev .35s cubic-bezier(.16,1,.3,1) forwards}.book-mode{perspective:1800px}.book-mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:46;opacity:0;transition:opacity .25s ease-out;pointer-events:none}.book-mode-overlay.visible{opacity:1;pointer-events:auto}.book-mode-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000014}.book-mode-overlay-top{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,12px) + 8px) 16px 12px 16px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.book-mode-overlay-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px 24px calc(env(safe-area-inset-bottom,16px) + 16px) 24px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.06)}.book-mode-progress-bar{height:3px;background:#0000000f;border-radius:2px;overflow:hidden;margin-bottom:12px}.book-mode-progress-fill{height:100%;background:#2d2a264d;border-radius:2px;transition:width .3s ease-out}.book-mode-overlay-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:10px;font-family:Cormorant Garamond,MaruBuri,serif;font-size:15px;font-weight:600;transition:all .15s ease;cursor:pointer;border:none;outline:none}.book-mode-overlay-btn-back{background:#0000000f;color:#2d2a26}.book-mode-overlay-btn-back:active{background:#0000001f}.book-mode-overlay-btn-exit{background:#0000000f;color:#2d2a26}.book-mode-overlay-btn-exit:active{background:#0000001f}.book-mode-overlay-info{display:flex;align-items:center;justify-content:space-between;font-family:Cormorant Garamond,Georgia,serif;font-size:14px;font-weight:500;color:#2d2a2680;letter-spacing:.05em}.book-mode-translate-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease}.book-mode-translate-btn.locked{opacity:.35;cursor:default}.book-mode-translate-btn.active{background:#6496c826;color:#3b82f6}.book-mode-translate-btn:not(.active):not(.book-mode-reward-btn){background:#0000000a;color:#2d2a2666}.book-mode-reward-btn{background:#f59e0b26;color:#d97706;animation:book-mode-reward-pulse 2s ease-in-out infinite}@keyframes book-mode-reward-pulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 4px #f59e0b00}}body[data-book-mode] .mimos-chat-panel{background:#faf8f5;border:1px solid rgba(45,42,38,.12);border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #00000014}body[data-book-mode] .mimos-chat-header{background:#faf8f5;border-bottom:1px solid rgba(45,42,38,.08);border-radius:20px 20px 0 0}body[data-book-mode] .mimos-chat-close-btn{border:1px solid rgba(45,42,38,.15);border-radius:10px;background:transparent}body[data-book-mode] .mimos-chat-close-btn:hover{background:#2d2a260f}body[data-book-mode] .mimos-chat-subtitle{color:#2d2a2673!important}body[data-book-mode] .mimos-chat-loading-dot{background-color:#2d2a264d!important}body[data-book-mode] .mimos-chat-messages{font-family:Cormorant Garamond,MaruBuri,serif;font-size:17px;line-height:1.8;color:#2d2a26}body[data-book-mode] .mimos-msg-bubble{background-color:#2d2a260d!important;border-color:#2d2a261a!important}body[data-book-mode] .mimos-msg-user{background-color:#2d2a26!important;color:#faf8f5!important}body[data-book-mode] .mimos-chat-typing{background:#2d2a260d;border:1px solid rgba(45,42,38,.08);border-radius:12px}body[data-book-mode] .mimos-chat-typing-dot{background:#2d2a264d}body[data-book-mode] .mimos-chat-input-container{background:#faf8f5;border-top:1px solid rgba(45,42,38,.08)}body[data-book-mode] .mimos-chat-textarea{font-family:Cormorant Garamond,MaruBuri,serif;font-size:16px;background:#2d2a2608;border:1px solid rgba(45,42,38,.12);border-radius:12px;color:#2d2a26}body[data-book-mode] .mimos-chat-textarea:focus{border-color:#2d2a2640;box-shadow:0 0 0 3px #2d2a260d}body[data-book-mode] .mimos-chat-send-btn.enabled{background:#2d2a26;border:1px solid #2d2a26;color:#faf8f5;border-radius:10px;box-shadow:none}body[data-book-mode] .mimos-chat-send-btn.disabled{background:#2d2a260f;border:1px solid rgba(45,42,38,.1);color:#2d2a2640;border-radius:10px;box-shadow:none}body[data-book-mode] .mimos-chat-messages::-webkit-scrollbar-thumb{background:#2d2a261f}body[data-book-mode] .mimos-chat-backdrop{background:#2d2a2640}body[data-book-mode] .mimos-wonder-bubble{background:#faf8f5!important;border-width:1px!important;border-color:#2d2a2626!important;border-radius:16px!important;box-shadow:0 8px 30px #2d2a261a!important;padding:20px!important}body[data-book-mode] .mimos-wonder-close{background:#faf8f5!important;border-width:1px!important;border-color:#2d2a2633!important}body[data-book-mode] .mimos-wonder-close span{color:#2d2a2680!important}body[data-book-mode] .mimos-wonder-prefix{font-family:Cormorant Garamond,Pretendard,Apple SD Gothic Neo,sans-serif!important;color:#2d2a2673!important;font-weight:600!important;font-size:11px!important;letter-spacing:.12em!important}body[data-book-mode] .mimos-wonder-question{font-family:Cormorant Garamond,Pretendard,Apple SD Gothic Neo,sans-serif!important;color:#2d2a26!important;font-size:16px!important;line-height:1.7!important;font-weight:500!important}body[data-book-mode] .mimos-wonder-hint,body[data-book-mode] .mimos-wonder-tail-outer,body[data-book-mode] .mimos-wonder-tail-inner,body[data-book-mode] .mimos-wonder-avatar{display:none!important}body[data-book-mode] .grammar-sheet-panel{background:#faf8f5!important;border-color:#2d2a261f!important;border-bottom:none!important;box-shadow:0 -10px 40px #00000014!important}body[data-book-mode] .grammar-sheet-scroll::-webkit-scrollbar-thumb{background:#8b73554d}body[data-book-mode] .grammar-sheet-scroll::-webkit-scrollbar-thumb:hover{background:#8b735580}.story-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:story-transition-fade-in .2s ease-out forwards}@keyframes story-transition-fade-in{0%{opacity:0}to{opacity:1}}.story-transition-content{text-align:center;color:#ffffffe6;padding:0 24px;animation:story-transition-slide-up .3s ease-out}@keyframes story-transition-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.story-transition-book-title{font-family:Cormorant Garamond,MaruBuri,serif;font-size:14px;color:#ffffff80;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px}.story-transition-chapter{font-family:Cormorant Garamond,MaruBuri,serif;font-size:28px;font-weight:600;letter-spacing:.05em;margin:0}body[data-book-mode] .story-transition-overlay{background:#faf8f5f2}body[data-book-mode] .story-transition-content{color:#2d2a26}body[data-book-mode] .story-transition-book-title{color:#2d2a2666}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes bounce-in{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes number-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes burst-particle{0%{transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(var(--particle-speed));opacity:0}}.animate-bounce-in{animation:bounce-in .6s ease-out forwards}.animate-fire-pulse{animation:fire-pulse 1s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 1.5s ease-in-out infinite}.animate-burst-particle{animation:burst-particle .8s ease-out forwards}.harvest-overlay{animation:harvest-fade-in .3s ease-out forwards}.harvest-overlay.harvest-exiting{animation:harvest-fade-out .2s ease-in forwards}@keyframes harvest-fade-in{0%{opacity:0}to{opacity:1}}@keyframes harvest-fade-out{0%{opacity:1}to{opacity:0}}.harvest-content{animation:harvest-slide-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes harvest-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.word-card-quiz-slide{animation:quiz-slide-down .25s ease-out forwards;overflow:hidden}@keyframes quiz-slide-down{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:300px;transform:translateY(0)}}.word-quiz-container{background:#ffffff0d;border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.08)}.harvest-word-card{animation:card-appear .3s ease-out forwards;opacity:0}.harvest-word-card:nth-child(1){animation-delay:.1s}.harvest-word-card:nth-child(2){animation-delay:.18s}.harvest-word-card:nth-child(3){animation-delay:.26s}.harvest-word-card:nth-child(4){animation-delay:.34s}.harvest-word-card:nth-child(5){animation-delay:.42s}.harvest-word-card:nth-child(6){animation-delay:.5s}.harvest-word-card:nth-child(7){animation-delay:.58s}.harvest-word-card:nth-child(8){animation-delay:.66s}@keyframes card-appear{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.harvest-loading-pulse{animation:harvest-pulse 1.5s ease-in-out infinite}@keyframes harvest-pulse{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.harvest-icon-bounce{animation:icon-bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes icon-bounce{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}.sv-root{background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6);min-height:100%}.sv-bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.sv-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 40% 8%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 55% 50%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 85% 60%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 15% 75%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 90% 85%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50% 90%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 75% 45%,rgba(255,255,255,.5),transparent);animation:sv-twinkle 4s ease-in-out infinite alternate;opacity:.6}@keyframes sv-twinkle{0%{opacity:.8}to{opacity:.35}}.sv-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;animation:sv-float-orb 20s ease-in-out infinite;will-change:transform}.sv-orb--purple{width:280px;height:280px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-80px;left:-80px}.sv-orb--pink{width:220px;height:220px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);top:40%;right:-60px;animation-delay:-7s}.sv-orb--teal{width:180px;height:180px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);bottom:15%;left:20%;animation-delay:-14s}@keyframes sv-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(15px,20px) scale(1.02)}}.sv-sparkle{position:absolute;width:3px;height:3px;background:#fbbf24;border-radius:50%;box-shadow:0 0 6px #fbbf2466;animation:sv-sparkle-float 6s ease-in-out infinite}@keyframes sv-sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.8;transform:translateY(-40px) scale(1)}}.sv-glass-header{background:#1e1b4bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.sv-glass-card{background:#ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .15s ease}.sv-glass-card:active{background:#ffffff1f;transform:scale(.98)}.sv-glass-card--mastered{background:#fbbf2414;border-color:#fbbf2426}.sv-glass-card--mastered:active{background:#fbbf2424}@media(prefers-reduced-motion:reduce){.sv-stars,.sv-orb,.sv-sparkle{animation:none!important;opacity:.2}}@keyframes gentle-wiggle{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-.5deg) translateY(-1px)}40%{transform:rotate(.5deg) translateY(0)}60%{transform:rotate(-.3deg) translateY(-.5px)}80%{transform:rotate(.3deg) translateY(0)}}@keyframes card-flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(15deg)}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-gentle-wiggle{animation:gentle-wiggle 3s ease-in-out infinite;animation-delay:2s}.animate-card-flip{animation:card-flip 2s ease-in-out infinite;animation-delay:1s}.animate-pulse-badge{animation:pulse-badge 1.5s ease-in-out infinite;animation-delay:.5s}.animate-gentle-wiggle:hover,.animate-gentle-wiggle:active{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.animate-gentle-wiggle{animation:none!important}}.mw-float-bar{--mw-bar-border: rgba(255, 255, 255, .2);position:relative;width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#080c20f2,#200c44eb 40%,#0a466ee6);border:1px solid var(--mw-bar-border);box-shadow:0 18px 35px #00000073,0 0 45px #7c3aed59;color:#e2e8f0;font-family:Quicksand,Noto Sans KR,sans-serif;overflow:hidden;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.mw-float-bar:before{content:"";position:absolute;top:-60%;right:-20%;bottom:-60%;left:-20%;background:radial-gradient(240px 160px at 10% 80%,rgba(139,92,246,.45),transparent 70%),radial-gradient(200px 140px at 90% 20%,rgba(34,211,238,.35),transparent 70%),radial-gradient(120px 120px at 70% 80%,rgba(251,191,36,.25),transparent 60%);opacity:.8;animation:mw-bar-drift 10s ease-in-out infinite;z-index:0;pointer-events:none}.mw-float-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 12px 18px,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 80px 40px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 140px 12px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 200px 60px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40px 80px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 170px 90px,rgba(255,255,255,.4),transparent);background-size:240px 120px;opacity:.7;animation:mw-bar-twinkle 4s ease-in-out infinite;z-index:0;pointer-events:none}.mw-float-bar>*{position:relative;z-index:1}.mw-float-bar:hover{transform:translateY(-1px);box-shadow:0 22px 38px #00000080,0 0 55px #38bdf859}.mw-float-bar:active{transform:translateY(1px) scale(.99)}.mw-float-bar:focus-visible{outline:2px solid rgba(148,197,255,.7);outline-offset:3px}.mw-float-bar__icon{position:relative;width:56px;height:56px;border-radius:16px;background:radial-gradient(circle at 30% 25%,#60a5faf2,#4f46e5e6 45%,#0f172af2);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 18px #6366f180,inset 0 0 12px #fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mw-float-bar__icon:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 16px #0ea5e980;animation:mw-bar-ring 3.6s ease-in-out infinite;opacity:.8}.mw-float-bar__icon:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#a78bfae6;top:10px;right:10px;box-shadow:0 0 10px #a78bfacc;animation:mw-bar-spark 2.4s ease-in-out infinite}.mw-float-bar__icon .material-symbols-outlined{font-size:26px;color:#f8fafc;text-shadow:0 0 12px rgba(56,189,248,.8)}.mw-float-bar__text{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.mw-float-bar__title{font-family:Orbitron,Noto Sans KR,sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;color:#f8fafc;text-shadow:0 0 10px rgba(148,197,255,.6)}.mw-float-bar__desc{font-size:12px;color:#e2e8f0b3}.mw-float-bar__arrow{margin-left:auto;color:#e2e8f099;font-size:22px;text-shadow:0 0 10px rgba(56,189,248,.4)}@keyframes mw-bar-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-12px,0) scale(1.02)}}@keyframes mw-bar-twinkle{0%,to{opacity:.7}50%{opacity:.4}}@keyframes mw-bar-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes mw-bar-spark{0%,to{opacity:.4;transform:translateY(0) scale(.9)}50%{opacity:1;transform:translateY(-4px) scale(1.1)}}@media(prefers-reduced-motion:reduce){.mw-float-bar:before,.mw-float-bar:after,.mw-float-bar__icon:before,.mw-float-bar__icon:after{animation:none}.mw-float-bar{transition:none}}.treasure-card-inner{transition:transform .5s cubic-bezier(.4,0,.2,1)}.treasure-card-inner.flipped{transform:rotateY(180deg)}.animate-ready-pulse{animation:ready-pulse 2s ease-in-out infinite}@keyframes ready-pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 12px #8b5cf600}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-slide-out-left{animation:slide-out-left .3s ease-in forwards}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}.animate-fly-to-treasure{animation:fly-to-treasure .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fly-to-treasure{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.1) translateY(-20px)}to{opacity:0;transform:scale(.5) translateY(-100px)}}.animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.animate-card-enter{animation:card-enter .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-enter{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.treasure-card-inner,.animate-ready-pulse,.animate-fade-in,.animate-slide-out-left,.animate-fly-to-treasure,.animate-sparkle,.animate-card-enter{animation:none!important;transition:none!important}.treasure-card-inner.flipped{transform:rotateY(180deg)}}.profile-magic{background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6);color:#fff;position:relative}.profile-magic .profile-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.profile-magic .profile-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 40% 8%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 55% 50%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 85% 60%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 15% 75%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 90% 85%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50% 90%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 75% 45%,rgba(255,255,255,.5),transparent);animation:profile-twinkle 4s ease-in-out infinite alternate;opacity:.6}@keyframes profile-twinkle{0%{opacity:.75}to{opacity:.35}}.profile-magic .profile-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.35;animation:profile-float-orb 20s ease-in-out infinite;will-change:transform}.profile-magic .profile-orb-1{width:280px;height:280px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-80px;left:-80px}.profile-magic .profile-orb-2{width:220px;height:220px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);top:45%;right:-60px;animation-delay:-7s}.profile-magic .profile-orb-3{width:180px;height:180px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);bottom:10%;left:20%;animation-delay:-14s}@keyframes profile-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(15px,20px) scale(1.02)}}.profile-magic .profile-sparkle{position:absolute;width:3px;height:3px;background:#fbbf24;border-radius:50%;box-shadow:0 0 6px #fbbf2466;animation:profile-sparkle-float 6s ease-in-out infinite}.profile-magic .profile-sparkle-1{top:18%;left:12%;animation-delay:-1s}.profile-magic .profile-sparkle-2{top:62%;right:18%;animation-delay:-3s}.profile-magic .profile-sparkle-3{bottom:14%;left:48%;animation-delay:-5s}@keyframes profile-sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.8;transform:translateY(-40px) scale(1)}}@media(prefers-reduced-motion:reduce){.profile-magic .profile-stars,.profile-magic .profile-orb,.profile-magic .profile-sparkle{animation:none!important;opacity:.25}}.subscription-view{--sv-magic-purple: #7c3aed;--sv-magic-purple-dark: #5b21b6;--sv-magic-gold: #fbbf24;--sv-magic-gold-light: #fde68a;--sv-fairy-pink: #ec4899;--sv-enchanted-teal: #14b8a6;--sv-ink-dark: #1e1b4b;--sv-shadow-purple: rgba(124, 58, 237, .3)}.subscription-view{min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6);font-family:Quicksand,sans-serif;position:relative;overflow-x:hidden;color:#fff}.subscription-view:after{content:"";position:fixed;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(30,27,75,.6) 0%,rgba(30,27,75,.3) 30%,transparent 100%),radial-gradient(ellipse 140% 100% at 50% 0%,rgba(99,80,200,.25) 0%,transparent 65%);pointer-events:none;z-index:1}.subscription-view:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent);background-size:350px 350px;animation:sv-twinkle 4s ease-in-out infinite;z-index:0}@keyframes sv-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.subscription-view .gradient-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;animation:sv-float-orb 20s ease-in-out infinite}.subscription-view .orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--sv-magic-purple) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.subscription-view .orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--sv-fairy-pink) 0%,transparent 70%);top:50%;right:-150px;animation-delay:-7s}.subscription-view .orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--sv-enchanted-teal) 0%,transparent 70%);bottom:-100px;left:30%;animation-delay:-14s}@keyframes sv-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.subscription-view .sparkle{position:fixed;width:12px;height:12px;color:var(--sv-magic-gold);animation:sv-sparkle-pulse 2s ease-in-out infinite;opacity:0;pointer-events:none}.subscription-view .sparkle svg{width:100%;height:100%;fill:currentColor}@keyframes sv-sparkle-pulse{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.subscription-view .section-title{font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--sv-magic-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-view .plan-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.subscription-view .plan-card:hover{transform:translateY(-4px);border-color:#ffffff4d}.subscription-view .plan-card.selected{border-color:var(--sv-magic-gold);box-shadow:0 0 40px #fbbf244d,0 8px 32px #0000004d;transform:scale(1.02)}.subscription-view .plan-card.current{border-color:var(--sv-enchanted-teal);background:linear-gradient(135deg,#14b8a626,#ffffff0d)}.subscription-view .plan-card-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:0;transition:opacity .4s ease;pointer-events:none}.subscription-view .plan-card:hover .plan-card-glow,.subscription-view .plan-card.selected .plan-card-glow{opacity:.4}.subscription-view .plan-card-glow.starter{background:var(--sv-enchanted-teal)}.subscription-view .plan-card-glow.standard{background:var(--sv-magic-purple)}.subscription-view .plan-card-glow.premium{background:var(--sv-magic-gold)}.subscription-view .plan-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.subscription-view .plan-badge.starter{background:#14b8a633;color:#5eead4;border:1px solid rgba(20,184,166,.3)}.subscription-view .plan-badge.standard{background:#7c3aed33;color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.subscription-view .plan-badge.premium{background:#fbbf2433;color:var(--sv-magic-gold);border:1px solid rgba(251,191,36,.3)}.subscription-view .popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--sv-magic-purple),var(--sv-fairy-pink));color:#fff;font-size:.7rem;font-weight:700;padding:6px 20px;border-radius:0 0 14px 14px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #7c3aed66}.subscription-view .current-badge{background:linear-gradient(135deg,var(--sv-enchanted-teal),#2dd4bf);color:#fff;font-size:.65rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #14b8a64d}.subscription-view .plan-price{color:#fff;margin:16px 0}.subscription-view .price-currency{font-size:1.25rem;font-weight:600;color:#fff9;vertical-align:top}.subscription-view .price-amount{font-family:Crimson Pro,serif;font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.subscription-view .price-period{font-size:.875rem;color:#ffffff80}.subscription-view .discount-highlight{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ec489940,#7c3aed4d);border-radius:16px;border:1px solid var(--sv-fairy-pink);margin-bottom:8px}.subscription-view .discount-text{font-size:.8rem;font-weight:700;color:#f9a8d4}.subscription-view .daily-price-highlight{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#fbbf2433,#f59e0b4d);border-radius:20px;border:1px solid var(--sv-magic-gold);box-shadow:0 0 20px #fbbf2433;animation:sv-price-glow 2s ease-in-out infinite}@keyframes sv-price-glow{0%,to{box-shadow:0 0 20px #fbbf2433}50%{box-shadow:0 0 30px #fbbf2466}}.subscription-view .daily-price-text{font-size:.875rem;font-weight:700;color:var(--sv-magic-gold)}.subscription-view .feature-list{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.subscription-view .feature-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;color:#ffffffd9}.subscription-view .feature-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.7rem;box-shadow:0 0 10px #22c55e4d}.subscription-view .feature-more{display:flex;align-items:center;gap:4px;padding:6px 0;margin-left:32px;font-size:.8rem;color:var(--sv-magic-gold);cursor:pointer;transition:all .2s ease}.subscription-view .feature-more:hover{color:var(--sv-magic-gold-light);transform:translate(4px)}.subscription-view .comparison-section{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:28px;border:1px solid rgba(255,255,255,.1);margin-top:24px}.subscription-view .comparison-title{font-family:Crimson Pro,serif;font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:24px;color:#fff}.subscription-view .comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:12px;position:sticky;top:0;background:transparent}.subscription-view .comparison-plan-header{text-align:center;font-weight:700;font-size:.75rem;padding:10px 8px;border-radius:10px}.subscription-view .comparison-plan-header.starter{background:#14b8a633;color:#5eead4}.subscription-view .comparison-plan-header.standard{background:#7c3aed33;color:#a78bfa}.subscription-view .comparison-plan-header.premium{background:#fbbf2433;color:var(--sv-magic-gold)}.subscription-view .comparison-category{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;color:#fff;padding:14px 0 10px;border-top:1px solid rgba(255,255,255,.05);margin-top:8px}.subscription-view .comparison-category:first-of-type{border-top:none;margin-top:0}.subscription-view .comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s ease}.subscription-view .comparison-row:hover{background:#ffffff05;border-radius:8px}.subscription-view .comparison-feature-name{font-size:.85rem;color:#ffffffb3;padding-left:20px}.subscription-view .comparison-value{text-align:center;font-size:.85rem;color:#fffc;display:flex;align-items:center;justify-content:center}.subscription-view .comparison-value.highlight{color:#a78bfa;font-weight:600}.subscription-view .comparison-value.gold{color:var(--sv-magic-gold);font-weight:700}.subscription-view .icon-yes{color:#22c55e;font-weight:700;font-size:1.1rem}.subscription-view .icon-no{color:#fff3;font-size:1rem}.subscription-view .trial-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-bottom:8px;background:linear-gradient(135deg,#14b8a640,#06b6d44d);border:1px solid rgba(20,184,166,.5);border-radius:16px;font-size:.8rem;font-weight:700;color:#5eead4;animation:sv-trial-pulse 2.5s ease-in-out infinite}@keyframes sv-trial-pulse{0%,to{box-shadow:0 0 12px #14b8a633}50%{box-shadow:0 0 24px #14b8a666}}.subscription-view .cta-button{position:relative;width:100%;padding:18px;background:linear-gradient(135deg,var(--sv-magic-gold) 0%,#f59e0b 50%,var(--sv-magic-gold) 100%);background-size:200% auto;border:none;border-radius:16px;font-weight:800;font-size:1.125rem;color:#1e1b4b;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 0 30px #fbbf2466,0 8px 24px #0000004d;animation:sv-cta-shine 3s ease-in-out infinite}@keyframes sv-cta-shine{0%,to{background-position:0% center}50%{background-position:100% center}}.subscription-view .cta-button:hover{transform:translateY(-3px);box-shadow:0 0 50px #fbbf2480,0 12px 32px #0006}.subscription-view .cta-button:active{transform:translateY(1px);box-shadow:0 0 20px #fbbf244d,0 4px 16px #0000004d}.subscription-view .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:transform .6s ease}.subscription-view .cta-button:hover:before{transform:translate(200%)}.subscription-view .cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none;animation:none}.subscription-view .cta-button.trial-cta{background:linear-gradient(135deg,#10b981,#14b8a6,#06b6d4);background-size:200% auto;color:#fff;box-shadow:0 0 30px #14b8a666,0 8px 24px #0000004d;animation:sv-trial-cta-shine 3s ease-in-out infinite}@keyframes sv-trial-cta-shine{0%,to{background-position:0% center}50%{background-position:100% center}}.subscription-view .cta-button.trial-cta:hover{box-shadow:0 0 50px #14b8a680,0 12px 32px #0006}.sv-fab-container{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,#1e1b4bfa 60%,#1e1b4b00);pointer-events:none}.sv-fab-inner{pointer-events:auto}.sv-fab-container .cta-button{position:relative;width:100%;padding:18px;border:none;border-radius:16px;font-size:18px;font-weight:800;color:#1a1a2e;cursor:pointer;overflow:hidden;transition:all .3s ease;background:linear-gradient(135deg,var(--sv-magic-gold, #fbbf24) 0%,#f59e0b 50%,#fbbf24 100%);background-size:200% auto;box-shadow:0 0 30px #fbbf2466,0 8px 24px #0000004d;animation:sv-cta-shine 3s ease-in-out infinite}.sv-fab-container .cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none;animation:none}.sv-fab-container .cta-button.trial-cta{background:linear-gradient(135deg,#10b981,#14b8a6,#06b6d4);background-size:200% auto;color:#fff;box-shadow:0 0 30px #14b8a666,0 8px 24px #0000004d;animation:sv-trial-cta-shine 3s ease-in-out infinite}.subscription-view .billing-selector{display:flex;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:4px;border:1px solid rgba(255,255,255,.1);margin-bottom:24px}.subscription-view .billing-option{flex:1;padding:14px 16px;border-radius:12px;font-weight:700;font-size:.9rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;color:#fff9}.subscription-view .billing-option.active{background:linear-gradient(135deg,var(--sv-magic-purple),var(--sv-fairy-pink));color:#fff;box-shadow:0 4px 20px #7c3aed66}.subscription-view .billing-option:not(.active):hover{background:#ffffff1a;color:#fff}.subscription-view .discount-badge{position:absolute;top:-8px;right:8px;background:linear-gradient(135deg,var(--sv-magic-gold),#f59e0b);color:#1e1b4b;font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:10px;box-shadow:0 2px 8px #fbbf2466}.subscription-view .current-plan-card{background:linear-gradient(135deg,#7c3aed33,#ec489926);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.subscription-view .current-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sv-magic-purple),var(--sv-fairy-pink),var(--sv-magic-gold))}.subscription-view .status-warning{background:#fbbf241a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;border:1px solid rgba(251,191,36,.3);display:flex;align-items:center;gap:12px}.subscription-view .status-warning.grace{background:#fbbf241a;border-color:#fbbf244d}.subscription-view .status-warning.limited{background:#ef44441a;border-color:#ef44444d}.subscription-view .usage-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.1);margin-top:24px}.subscription-view .usage-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:14px}.subscription-view .usage-item{display:flex;align-items:center;justify-content:space-between}.subscription-view .usage-label{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:#fff}.subscription-view .usage-value{font-size:.8rem;color:#fff9}.subscription-view .back-button{width:44px;height:44px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.subscription-view .back-button:hover{background:#fff3;transform:translate(-2px)}@media(max-width:640px){.subscription-view .comparison-header,.subscription-view .comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4px}.subscription-view .comparison-feature-name{font-size:.75rem;padding-left:8px}.subscription-view .comparison-plan-header{font-size:.65rem;padding:8px 4px}.subscription-view .comparison-value{font-size:.75rem}.subscription-view .comparison-category{font-size:.8rem}}.subscription-view::-webkit-scrollbar{width:6px}.subscription-view::-webkit-scrollbar-track{background:#ffffff0d}.subscription-view::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.subscription-view::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.plan-carousel-3d-wrapper{position:relative;margin:0 auto;padding:16px 0 8px;perspective:1200px;max-width:340px}.plan-carousel-3d-stage{position:relative;transform-style:preserve-3d;touch-action:pan-y}.plan-carousel-3d-card{transition:all .5s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d;cursor:pointer;will-change:transform,opacity;pointer-events:auto}.plan-carousel-3d-card .plan-card{backface-visibility:hidden}.plan-carousel-3d-card.active .plan-card{background:#ffffff29;border-color:#ffffff40;box-shadow:0 8px 32px #0000004d,0 0 24px #8b5cf633}.plan-carousel-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 4px}.plan-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff40;padding:0;cursor:pointer;transition:all .3s ease}.plan-carousel-dot.active{background:var(--sv-magic-gold);box-shadow:0 0 8px #fbbf2480;transform:scale(1.3)}@keyframes sv-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-confetti{animation:sv-confetti-fall 3s ease-in-out forwards}.subscription-gift-modal{--sv-magic-purple: #7c3aed;--sv-magic-gold: #fbbf24;--sv-magic-gold-light: #fde68a;--sv-fairy-pink: #ec4899;position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Quicksand,sans-serif}.subscription-gift-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.subscription-gift-card{position:relative;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#1e1b4bfa,#2e185af2);box-shadow:0 24px 60px #0f172a80}.subscription-gift-body{position:relative;padding:20px;z-index:1}.subscription-gift-header{margin-bottom:16px}.subscription-gift-title{font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:700;margin:0;color:#fff}.subscription-gift-subtitle{margin-top:6px;font-size:.95rem;color:#ffffffb3}.subscription-gift-section{margin-top:16px}.subscription-gift-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.subscription-gift-section-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6}.subscription-gift-pill{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid rgba(251,191,36,.6);color:var(--sv-magic-gold);background:#fbbf241f}.subscription-gift-loading,.subscription-gift-empty{padding:12px 0;font-size:.85rem;color:#fff9}.subscription-gift-series-card{display:flex;gap:12px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;align-items:center}.subscription-gift-series-cover{width:88px;height:88px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.subscription-gift-series-image{width:100%;height:100%;object-fit:cover}.subscription-gift-series-icon{color:#ffffffb3;font-size:2rem}.subscription-gift-series-info{display:flex;flex-direction:column;gap:4px}.subscription-gift-series-title{font-size:1rem;font-weight:800;color:#fff}.subscription-gift-series-subtitle{font-size:.8rem;color:#fff9}.subscription-gift-series-count{font-size:.75rem;font-weight:700;color:#ffffffb3}.subscription-gift-levels-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.subscription-gift-level{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:#0f172a59;color:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.subscription-gift-level:hover{transform:translateY(-1px)}.subscription-gift-level.selected{border-color:var(--sv-magic-gold);background:#fbbf242e;box-shadow:0 0 20px #fbbf2440}.subscription-gift-level-badges{display:flex;flex-wrap:wrap;gap:6px}.subscription-gift-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff}.subscription-gift-level-meta{display:flex;align-items:center;gap:8px}.subscription-gift-parts{font-size:.75rem;font-weight:700;color:#ffffffb3;white-space:nowrap}.subscription-gift-check{font-size:1.1rem;color:var(--sv-magic-gold)}.subscription-gift-error{margin-top:12px;font-size:.85rem;color:#fca5a5;font-weight:600}.subscription-gift-error-close{margin-top:6px;font-size:.75rem;font-weight:700;color:#fca5a5;text-decoration:underline;background:transparent;border:none;padding:0}.subscription-gift-cta{margin-top:16px;font-size:1rem;padding:14px}.subscription-gift-modal .cta-button{position:relative;width:100%;padding:18px;background:linear-gradient(135deg,var(--sv-magic-gold) 0%,#f59e0b 50%,var(--sv-magic-gold) 100%);background-size:200% auto;border:none;border-radius:16px;font-weight:800;font-size:1.125rem;color:#1e1b4b;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 0 30px #fbbf2466,0 8px 24px #0000004d;animation:sv-cta-shine 3s ease-in-out infinite}.subscription-gift-modal .cta-button:hover{transform:translateY(-3px);box-shadow:0 0 50px #fbbf2480,0 12px 32px #0006}.subscription-gift-modal .cta-button:active{transform:translateY(1px);box-shadow:0 0 20px #fbbf244d,0 4px 16px #0000004d}.subscription-gift-modal .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:transform .6s ease}.subscription-gift-modal .cta-button:hover:before{transform:translate(200%)}.subscription-gift-modal .cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none;animation:none}.subscription-gift-success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2}.subscription-gift-confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.subscription-gift-success-card{position:relative;width:100%;max-width:280px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#0f172af2;padding:20px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.subscription-gift-success-icon{width:56px;height:56px;border-radius:50%;border:2px solid rgba(251,191,36,.6);display:flex;align-items:center;justify-content:center;color:var(--sv-magic-gold);font-size:1.8rem;background:#fbbf241f}.subscription-gift-success-title{font-size:1.2rem;font-weight:800;color:#fff}.subscription-gift-success-subtitle{font-size:.85rem;color:#ffffffb3}.subscription-gift-success-detail{font-size:.8rem;color:#fff9}@keyframes subscription-gift-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.subscription-gift-confetti{position:absolute;width:12px;height:12px;animation:subscription-gift-confetti-fall 2.6s ease-in forwards}@keyframes subscription-gift-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.subscription-gift-pop{animation:subscription-gift-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.poo-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#1e1b4b,#312e81 35%,#4c1d95 65%,#5b21b6);padding-top:env(safe-area-inset-top)}.poo-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.poo-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:poo-twinkle 3s ease-in-out infinite}@keyframes poo-twinkle{0%,to{opacity:.2}50%{opacity:.8}}.poo-compare-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.poo-compare-cell{padding:10px 12px;border-radius:12px;text-align:center}.poo-compare-cell--free{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.poo-compare-cell--standard{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.poo-cta{position:relative;overflow:hidden;width:100%;padding:16px 24px;border-radius:16px;border:2px solid rgba(251,191,36,.4);background:linear-gradient(135deg,#f59e0b,#d97706);color:#1e1b4b;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 0 30px #fbbf244d,0 4px 15px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.poo-cta:active{transform:translateY(2px);box-shadow:0 0 15px #fbbf2433,0 2px 8px #0000004d}.poo-cta:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:poo-cta-shine 3s ease-in-out infinite}@keyframes poo-cta-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.poo-price-glow{text-shadow:0 0 20px rgba(251,191,36,.5)}.poo-fade-in{animation:poo-fade-in .6s ease-out forwards;opacity:0}@keyframes poo-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.poo-fade-in-delay-1{animation-delay:.1s}.poo-fade-in-delay-2{animation-delay:.25s}.poo-fade-in-delay-3{animation-delay:.4s}.poo-fade-in-delay-4{animation-delay:.55s}.poo-gift-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid rgba(251,191,36,.3);animation:poo-gift-slide-in .6s cubic-bezier(.34,1.56,.64,1) forwards}.poo-gift-icon{font-size:20px;animation:poo-gift-bounce 1s ease-in-out .6s 2}.poo-gift-text{font-size:13px;font-weight:700;color:#fde68af2;text-shadow:0 0 12px rgba(251,191,36,.3)}@keyframes poo-gift-slide-in{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes poo-gift-bounce{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.lyrics-view{flex:1;min-height:0;overflow-y:auto;padding:0 28px;padding-bottom:calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;position:relative;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.12) 0%,transparent 70%),linear-gradient(180deg,#0f0a1e,#1e1b4b,#312e81 70%,#1a1145);mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%)}.lyrics-bg-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 25% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 45% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 60% 55%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 35% 75%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 70% 80%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 90% 45%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 90%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 55% 95%,rgba(255,255,255,.4),transparent);animation:lyrics-twinkle 5s ease-in-out infinite}@keyframes lyrics-twinkle{0%,to{opacity:.7}50%{opacity:.35}}.lyrics-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(40px);opacity:0;animation:lyrics-float-orb 18s ease-in-out infinite,lyrics-orb-fade-in 2s ease-out forwards}.lyrics-orb-1{width:280px;height:280px;background:radial-gradient(circle,rgba(124,58,237,.35) 0%,transparent 70%);top:-80px;left:-60px}.lyrics-orb-2{width:220px;height:220px;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);bottom:10%;right:-40px;animation-delay:-8s}.lyrics-orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(94,234,212,.15) 0%,transparent 70%);top:40%;left:10%;animation-delay:-14s}@keyframes lyrics-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,-20px) scale(1.04)}50%{transform:translate(-10px,12px) scale(.96)}75%{transform:translate(12px,18px) scale(1.02)}}@keyframes lyrics-orb-fade-in{0%{opacity:0}to{opacity:1}}.lyrics-spacer{height:35vh}.lyrics-verse{padding:16px 0;text-align:center}.lyrics-line{font-size:22px;font-weight:700;line-height:1.65;color:#ffffff73;letter-spacing:-.01em;cursor:pointer;padding:6px 0;position:relative;z-index:1;transition:color .4s cubic-bezier(.25,.46,.45,.94),transform .35s cubic-bezier(.25,.46,.45,.94),text-shadow .4s ease}.lyrics-line.active{color:#fff;transform:scale(1.08);text-shadow:0 0 20px rgba(255,255,255,.35),0 0 40px rgba(124,58,237,.2),0 0 80px rgba(124,58,237,.1)}.lyrics-line.past{color:#ffffff47;transform:scale(.98);opacity:.7}.lyrics-line-translation{font-size:12.5px;font-weight:400;font-style:italic;color:#ffd2644d;line-height:1.5;margin-top:4px;letter-spacing:.02em;transition:color .5s ease .1s,opacity .5s ease .1s}.lyrics-line.active .lyrics-line-translation{color:#ffd264d9;opacity:1}.lyrics-line.past .lyrics-line-translation{color:#ffd26433;opacity:.6;transition-delay:0s}.lyrics-verse-gap{height:36px;position:relative}.lyrics-verse-gap:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#ffffff1f;transform:translate(-50%,-50%)}.lyrics-translating-badge{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:8px 24px;background:#7c3aed26;color:#fffc;font-size:12px;font-weight:600;letter-spacing:.03em;border-radius:24px;z-index:10;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d;animation:lyrics-badge-pulse 2s ease-in-out infinite}@keyframes lyrics-badge-pulse{0%,to{opacity:.9}50%{opacity:.65}}.lyrics-share-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fffc;display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.lyrics-share-btn:active{transform:scale(.92);background:#ffffff26}.lyrics-share-btn:disabled{opacity:.4;cursor:default}@media(prefers-reduced-motion:reduce){.lyrics-line{transition:color .15s ease;transform:none!important;text-shadow:none!important}.lyrics-line-translation{transition:color .15s ease;opacity:1!important}.lyrics-bg-stars,.lyrics-orb{animation:none!important;opacity:.4!important}.lyrics-translating-badge{animation:none!important}}.youtube-playlist-view{min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81 40%,#4c1d95,#5b21b6);position:relative}.youtube-header{display:flex;align-items:center;gap:12px;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));background:#1e1b4bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10}.youtube-header .material-symbols-outlined{color:#fffc}.youtube-header-title{font-size:18px;font-weight:800;color:#fffffff2}.yt-liked-card{display:flex;align-items:center;gap:14px;margin:16px 16px 4px;padding:16px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:transform .2s ease,background .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yt-liked-card:active{transform:scale(.97);background:#ffffff24}.yt-liked-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#f43f5e);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ef44444d}.yt-liked-card-icon .material-symbols-outlined{font-size:24px;color:#fff}.yt-liked-card-info{flex:1;min-width:0}.yt-liked-card-title{font-size:15px;font-weight:700;color:#fffffff2}.yt-liked-card-desc{font-size:12px;color:#ffffff73;margin-top:2px}.yt-liked-guide{display:flex;flex-direction:column;gap:10px;margin:16px 16px 12px;padding:16px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px}.yt-liked-guide-step{display:flex;align-items:center;gap:12px}.yt-liked-guide-num{width:22px;height:22px;border-radius:50%;background:#8b5cf680;color:#ffffffe6;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yt-liked-guide-text{font-size:13px;color:#ffffffa6;line-height:1.3}.yt-liked-card-arrow{font-size:22px;color:#ffffff4d;flex-shrink:0}.youtube-playlist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.youtube-playlist-card{background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.youtube-playlist-card:active{transform:scale(.96);box-shadow:0 4px 16px #7c3aed40}.youtube-playlist-card-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#ffffff0a}.youtube-playlist-card-info{padding:10px 12px}.youtube-playlist-card-title{font-size:13px;font-weight:700;color:#ffffffe6;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-playlist-card-count{font-size:11px;color:#fff6;margin-top:4px}.youtube-video-list{padding:8px 12px;padding-bottom:calc(100px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.youtube-video-card{display:flex;gap:12px;padding:10px;background:#ffffff14;border-radius:14px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 1px 4px #0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.youtube-video-card:active{transform:scale(.98);background:#ffffff24}.youtube-video-thumb-wrapper{position:relative;flex-shrink:0;width:130px;border-radius:10px;overflow:hidden}.youtube-video-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#ffffff0a}.youtube-video-duration{position:absolute;bottom:4px;right:4px;background:#000000bf;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.youtube-video-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.youtube-video-title{font-size:13px;font-weight:700;color:#ffffffe6;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-video-channel{font-size:11px;color:#fff6;margin-top:4px}.youtube-player-container{width:100%;aspect-ratio:16 / 9;background:#000;flex-shrink:0}.youtube-player-container iframe{width:100%;height:100%;border:none}.youtube-subtitle-overlay{position:relative;padding:14px 20px;background:#1e1b4bf2;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.youtube-subtitle-primary{font-size:17px;font-weight:600;color:#fffffff2;line-height:1.6;text-align:center;letter-spacing:-.01em;word-spacing:.02em}.youtube-subtitle-primary .subtitle-word{cursor:pointer;transition:color .15s ease,background .15s ease;border-radius:3px;padding:1px 2px}.youtube-subtitle-primary .subtitle-word:active{color:#fbbf24;background:#fbbf2426}.youtube-subtitle-empty{font-size:13px;color:#ffffff59;text-align:center}.youtube-transcript-list{padding:8px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;background:linear-gradient(180deg,#1e1b4b,#312e81);-webkit-overflow-scrolling:touch}.youtube-transcript-entry{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease;border-left:3px solid transparent}.youtube-transcript-entry:active{background:#ffffff0d}.youtube-transcript-entry.active{background:#fbbf241a;border-left-color:#fbbf24}.youtube-transcript-time{font-size:12px;font-weight:600;color:#ffffff4d;flex-shrink:0;min-width:36px;padding-top:1px;font-variant-numeric:tabular-nums}.youtube-transcript-entry.active .youtube-transcript-time{color:#fbbf24}.youtube-transcript-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.youtube-transcript-text{font-size:14px;color:#fff6;line-height:1.5;font-weight:400}.youtube-transcript-entry.active .youtube-transcript-text{color:#ffffffe6;font-weight:500}.youtube-transcript-checkbox{display:flex;align-items:center;flex-shrink:0;padding-top:2px}.youtube-transcript-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#fbbf24;cursor:pointer;margin:0}.youtube-transcript-entry.selected{background:#fbbf2414;border-left-color:#fbbf24}.youtube-transcript-entry.loop-range{background:#6366f11a;border-left-color:#818cf8}.youtube-transcript-entry.loop-range.selected{background:#6366f126}.youtube-action-bar{display:flex;justify-content:center;gap:12px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#1e1b4bf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.youtube-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease;border:1.5px solid rgba(255,255,255,.12)}.youtube-action-btn:active{transform:scale(.96)}.youtube-action-btn .material-symbols-outlined{font-size:20px}.youtube-action-deselect{background:#ffffff14;color:#ffffff73;padding:10px 12px;min-width:0}.youtube-action-translate{background:#fbbf2426;color:#fbbf24}.youtube-action-loop{background:#818cf81f;color:#a5b4fc}.youtube-action-loop.active{background:#ef44441f;color:#fca5a5;border-color:#ef444433}.youtube-connect-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:60vh}.youtube-connect-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #ef44444d}.youtube-connect-title{font-size:20px;font-weight:800;color:#fffffff2;margin-bottom:8px}.youtube-connect-desc{font-size:14px;color:#ffffff73;margin-bottom:24px;max-width:280px;line-height:1.5}.youtube-connect-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:16px;font-weight:700;padding:14px 32px;border-radius:12px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #ef444459}.youtube-connect-btn:active{transform:scale(.97)}.youtube-connect-btn:disabled{opacity:.6;cursor:not-allowed}.youtube-load-more{display:flex;justify-content:center;padding:16px}.youtube-load-more-btn{background:#ffffff14;color:#fff9;font-size:14px;font-weight:600;padding:10px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s ease}.youtube-load-more-btn:active{background:#ffffff26}.youtube-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.youtube-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.yt-empty-icon{font-size:48px;color:#ffffff4d}.youtube-empty-text{font-size:15px;font-weight:600;color:#ffffff59}.youtube-loading{display:flex;align-items:center;justify-content:center;padding:48px 24px}.youtube-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#a78bfa;border-radius:50%;animation:youtube-spin .8s linear infinite}@keyframes youtube-spin{to{transform:rotate(360deg)}}.youtube-disconnect-btn{font-size:12px;color:#ffffff59;padding:8px 16px;cursor:pointer;text-decoration:underline;transition:color .2s ease}.youtube-disconnect-btn:active{color:#fff9}.fc-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 60%,#5b21b6);color:#fff;overflow:hidden;padding-top:env(safe-area-inset-top)}.fc-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.fc-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;animation:fc-float-orb 20s ease-in-out infinite;will-change:transform}.fc-orb-1{width:350px;height:350px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-120px;left:-80px}.fc-orb-2{width:300px;height:300px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);top:50%;right:-100px;animation-delay:-7s}.fc-orb-3{width:250px;height:250px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);bottom:-60px;left:30%;animation-delay:-14s}@keyframes fc-float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.fc-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:0;animation:fc-twinkle 4s ease-in-out infinite}@keyframes fc-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.7;transform:scale(1)}}.memory-game-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.memory-card{perspective:800px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.memory-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1)}.memory-card-inner.flipped{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.75rem;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.memory-card-back{transform:rotateY(180deg)}@keyframes match-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.animate-match-pop{animation:match-pop .4s ease-out}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.animate-card-shake{animation:card-shake .35s ease-in-out}@keyframes board-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-board-enter{animation:board-enter .5s ease-out}@keyframes card-deal{0%{opacity:0;transform:scale(.5) rotateY(90deg)}60%{opacity:1;transform:scale(1.05) rotateY(0)}to{transform:scale(1) rotateY(0)}}.animate-card-deal{animation:card-deal .3s ease-out backwards}@keyframes result-bounce-in{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.animate-result-bounce-in{animation:result-bounce-in .5s ease-out}.animate-float-gentle{animation:float-gentle 2.5s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #facc1566}50%{box-shadow:0 0 20px #facc15cc}}.animate-glow-pulse{animation:glow-pulse 1.5s ease-in-out infinite}@keyframes expand-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.animate-expand-pop{animation:expand-pop .25s ease-out}@keyframes preview-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.memory-preview-item{animation:preview-slide-in .35s ease-out backwards}@keyframes play-btn-pulse{0%,to{box-shadow:0 0 24px #8b5cf666}50%{box-shadow:0 0 36px #8b5cf6b3}}.memory-play-btn{animation:play-btn-pulse 2s ease-in-out infinite}.word-falling{top:-100px;animation:word-fall var(--duration, 5s) linear forwards}@keyframes word-fall{0%{transform:translate(-50%) translateY(0);opacity:0}5%{opacity:1}90%{opacity:1}to{transform:translate(-50%) translateY(calc(100vh - 50px));opacity:.5}}.animate-mimos-idle{animation:mimos-idle 2s ease-in-out infinite}@keyframes mimos-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-mimos-jump{animation:mimos-react .4s ease-out forwards}@keyframes mimos-react{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.word-explode{animation:word-explode .5s ease-out forwards!important}@keyframes word-explode{0%{transform:translate(-50%) scale(1);opacity:1}30%{transform:translate(-50%) scale(1.3);opacity:1}to{transform:translate(-50%) scale(0);opacity:0}}.explosion-particles{position:absolute;pointer-events:none}.explosion-particle{position:fixed;width:12px;height:12px;border-radius:50%;z-index:50;pointer-events:none;animation:particle-fly .5s ease-out forwards}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.explosion-particle.yellow{background:#fbbf24}.explosion-particle.orange{background:#fb923c}.explosion-particle.pink{background:#f472b6}.explosion-particle.cyan{background:#22d3ee}.explosion-particle.lime{background:#a3e635}.animate-mimos-shake{animation:mimos-shake .4s ease-in-out}@keyframes mimos-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.animate-mimos-celebrate{animation:mimos-celebrate .8s ease-out forwards}@keyframes mimos-celebrate{0%{transform:scale(1)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.3) rotate(5deg)}75%{transform:scale(1.15) rotate(-3deg)}to{transform:scale(1.1) rotate(0)}}.screen-shake{animation:screen-shake .3s ease-in-out;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}@keyframes screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}.animate-twinkle-slow{animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.animate-float-gentle{animation:float-gentle 2s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.delay-150{animation-delay:.15s}.animate-result-enter{animation:result-enter .5s ease-out forwards}@keyframes result-enter{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-emoji-bounce{animation:emoji-bounce 1s ease-in-out infinite}@keyframes emoji-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.animate-ready-pulse{animation:ready-pulse 1.5s ease-in-out infinite}@keyframes ready-pulse{0%,to{transform:scale(1);box-shadow:0 0 #fbbf24b3}50%{transform:scale(1.02);box-shadow:0 0 0 10px #fbbf2400}}.animate-shake{animation:button-shake .4s ease-in-out}@keyframes button-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.rhythm-speak-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}@keyframes stage-card-enter-anim{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stage-card-enter{animation:stage-card-enter-anim .35s ease-out}@keyframes listening-indicator-anim{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.listening-indicator{animation:listening-indicator-anim 1s ease-in-out infinite}@keyframes record-btn-pulse-anim{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 12px #fff0}}.record-btn-pulse{animation:record-btn-pulse-anim 1.5s ease-in-out infinite}@keyframes record-btn-recording-anim{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 16px #ef444400}}.record-btn-recording{animation:record-btn-recording-anim 1s ease-in-out infinite}@keyframes stage-dot-complete-anim{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.stage-dot-complete{animation:stage-dot-complete-anim .3s ease-out}@keyframes feedback-pop-anim{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.feedback-pop{animation:feedback-pop-anim .35s ease-out}@keyframes result-bounce-in-anim{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.result-bounce-in{animation:result-bounce-in-anim .5s ease-out}@keyframes glow-pulse-anim{0%,to{text-shadow:0 0 4px rgba(253,224,71,.5)}50%{text-shadow:0 0 16px rgba(253,224,71,.8)}}.glow-pulse{animation:glow-pulse-anim 1.5s ease-in-out infinite}@keyframes listen-btn-pulse-anim{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 8px #fff0}}.listen-btn-pulse{animation:listen-btn-pulse-anim 2s ease-in-out infinite}.sr-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);color:#fff;overflow:hidden;background:radial-gradient(circle at top,#1f1b45,#0b102a,#070a18)}.sr-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.35),transparent 40%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.3),transparent 45%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.2),transparent 50%);opacity:.8;z-index:0}.sr-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.55) 50%,transparent 60%),radial-gradient(1.5px 1.5px at 65% 20%,rgba(255,255,255,.4) 50%,transparent 60%),radial-gradient(1.2px 1.2px at 80% 70%,rgba(255,255,255,.35) 50%,transparent 60%),radial-gradient(1px 1px at 35% 75%,rgba(255,255,255,.3) 50%,transparent 60%),radial-gradient(1.8px 1.8px at 50% 55%,rgba(255,255,255,.45) 50%,transparent 60%);animation:sr-twinkle 4s ease-in-out infinite alternate;opacity:.75}@keyframes sr-twinkle{0%{opacity:.45}to{opacity:1}}.sr-header{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px 12px}.sr-header__close{width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff}.sr-header__center{display:flex;align-items:center;justify-content:center;gap:14px}.sr-header__round{display:flex;flex-direction:column;align-items:center;gap:2px}.sr-header__round-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#ffffff80}.sr-header__round-value{font-weight:800;font-size:14px}.sr-header__time{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0f172a99;border:1px solid rgba(255,255,255,.15);font-weight:700;font-size:12px}.sr-header__combo{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sr-header__combo-label{font-size:9px;letter-spacing:.2em;color:#fff6}.sr-header__combo-value{font-weight:800;font-size:16px;color:#fbbf24}.sr-header__bar{grid-column:1 / -1;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.sr-header__bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#fb7185);transition:width .3s ease}.sr-ready{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center}.sr-ready__close{align-self:flex-start;border:none;background:#ffffff1a;color:#fff;width:36px;height:36px;border-radius:999px}.sr-ready__hero{position:relative;margin-top:20px}.sr-ready__mimos{width:140px;height:140px;object-fit:contain;animation:sr-float 3s ease-in-out infinite;position:relative;z-index:1}.sr-ready__glow{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.35),transparent 70%);filter:blur(12px);z-index:0}@keyframes sr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sr-ready__title{font-size:28px;font-weight:900;margin-top:18px}.sr-ready__subtitle{font-size:14px;color:#ffffffb3;margin-top:8px;white-space:pre-line}.sr-ready__rules{width:100%;max-width:320px;margin-top:20px;display:grid;gap:12px}.sr-ready__rule{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);font-size:12px;text-align:left}.sr-ready__cta{margin-top:26px;width:100%;max-width:320px;padding:14px 20px;border-radius:18px;border:2px solid #0f172a;background:linear-gradient(135deg,#fbbf24,#f472b6);font-weight:900;font-size:16px;color:#0f172a}.sr-stage{position:relative;z-index:1;padding:10px 20px 4px}.sr-stage__hint{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:16px;background:#0f172a8c;border:1px solid rgba(255,255,255,.18);margin-bottom:10px}.sr-stage__hint-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#ffffff80;padding-top:2px;flex-shrink:0}.sr-stage__hint-text{font-size:13px;font-weight:600;line-height:1.4;color:#ffffffe6;word-break:keep-all}.sr-stage__hint-text.loading{color:#fff9}.sr-stage__label{font-size:11px;text-transform:uppercase;letter-spacing:.3em;color:#ffffff73;margin-bottom:8px}.sr-stage__sentence{display:flex;flex-wrap:wrap;gap:8px}.sr-stage__word{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#ffffff1f;border:1px dashed rgba(255,255,255,.3);font-size:12px;font-weight:600;color:#ffffff8c}.sr-stage__word.filled{background:#fbbf2433;border:1px solid rgba(251,191,36,.6);color:#fef9c3}.sr-track{position:relative;z-index:1;margin:10px 20px 0;padding:10px 12px 24px}.sr-track__rail{display:grid;grid-template-columns:repeat(var(--sr-steps),minmax(0,1fr));align-items:center;gap:6px}.sr-track__star{width:14px;height:14px;border-radius:50%;background:#94a3b859;box-shadow:0 0 6px #94a3b899;justify-self:center}.sr-track__star.active{background:#facc15;box-shadow:0 0 10px #facc15cc}.sr-track__mimos-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--sr-steps),minmax(0,1fr));align-items:end;pointer-events:none}.sr-track__mimos-slot{justify-self:center;align-self:end}.sr-track__mimos{position:relative;bottom:0;width:44px;height:44px;transition:transform .25s ease;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.sr-track__mimos.jump{animation:sr-jump .4s ease}@keyframes sr-jump{0%{transform:translate(-50%)}40%{transform:translate(-50%,-14px)}to{transform:translate(-50%)}}.sr-board{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px 24px}.sr-grid{width:100%;display:grid;gap:12px}.sr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-grid--dense{gap:8px}.sr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-token{position:relative;padding:12px 8px;border-radius:18px;border:2px solid rgba(255,255,255,.35);background:#0f172a99;color:#fff;font-weight:700;font-size:13px;min-height:52px;transition:transform .2s ease,box-shadow .2s ease}.sr-grid--dense .sr-token{padding:10px 6px;font-size:11px;min-height:44px;border-radius:14px}.sr-token:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0f172a80}.sr-token.selected{background:#facc1533;border-color:#facc1599;color:#fde68a}.sr-token.pulse{animation:sr-pulse .4s ease}.sr-token.shake{animation:sr-shake .4s ease;border-color:#f87171cc;color:#fecaca}@keyframes sr-pulse{0%{transform:scale(1)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes sr-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sr-token__label{display:block;text-align:center;line-height:1.15;overflow-wrap:anywhere}.sr-empty{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.sr-empty__close{margin-top:18px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff}.sr-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,#1f1b45,#0b102a 60%,#070a18);color:#fff}.sr-result__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 30% 40%,rgba(255,255,255,.4) 50%,transparent 60%),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.3) 50%,transparent 60%),radial-gradient(1.6px 1.6px at 70% 70%,rgba(255,255,255,.4) 50%,transparent 60%);opacity:.6}.sr-result__card{position:relative;z-index:1;width:100%;max-width:360px;padding:26px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.2);background:#0f172acc;text-align:center}.sr-result__badge{font-size:48px}.sr-result__title{font-size:24px;font-weight:900;margin-top:6px}.sr-result__subtitle{font-size:12px;color:#fff9;margin-top:4px}.sr-result__stats{display:grid;gap:10px;margin:18px 0 22px}.sr-result__stat{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:#ffffff0f;font-size:12px}.sr-result__stat-label{color:#fff9}.sr-result__stat-value{font-weight:800}.sr-result__cta{width:100%;padding:14px 20px;border-radius:16px;border:none;background:linear-gradient(135deg,#fbbf24,#fb7185);font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.08em}.scene-talk-bubble-mimos{animation:slideInLeft .3s ease-out}.scene-talk-bubble-user{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.scene-talk-word-used{animation:wordGlow .6s ease-out}@keyframes wordGlow{0%{box-shadow:0 0 #34d39999}to{box-shadow:0 0 0 8px #34d39900}}.scene-card{transition:transform .15s ease,box-shadow .15s ease}.scene-card:active{transform:scale(.97)}.hint-chip{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.thinking-dots span{animation:blink 1.4s infinite both}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.animate-bounce-in{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.record-pulse{animation:recordPulse 1.5s ease-in-out infinite}@keyframes recordPulse{0%{box-shadow:0 0 #8b5cf680}50%{box-shadow:0 0 0 12px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.record-active-pulse{animation:recordActivePulse .8s ease-in-out infinite}@keyframes recordActivePulse{0%{box-shadow:0 0 #ef444499;transform:scale(1)}50%{box-shadow:0 0 0 16px #ef444400;transform:scale(1.05)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.suggested-fade-in{animation:suggestedFadeIn .4s ease-out}@keyframes suggestedFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.success-toast{animation:toastPop .3s ease-out}@keyframes toastPop{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.talk-relay-fade-in{animation:talk-relay-fade .3s ease-out both}@keyframes talk-relay-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.talk-relay-transition-text{animation:talk-relay-scale-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes talk-relay-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-shake{animation:shake .3s ease-in-out}.mimos-room-bubble-mimos{animation:mimosSlideInLeft .3s ease-out}.mimos-room-bubble-user{animation:mimosSlideInRight .3s ease-out}@keyframes mimosSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes mimosSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.thinking-dots-mimos span{animation:mimosBlink 1.4s infinite both}.thinking-dots-mimos span:nth-child(2){animation-delay:.2s}.thinking-dots-mimos span:nth-child(3){animation-delay:.4s}@keyframes mimosBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.mimos-room-messages::-webkit-scrollbar{width:4px}.mimos-room-messages::-webkit-scrollbar-track{background:transparent}.mimos-room-messages::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.constellation-view{--cv-magic-purple: #7c3aed;--cv-magic-gold: #fbbf24;--cv-magic-gold-light: #fde68a;--cv-fairy-pink: #ec4899;--cv-enchanted-teal: #14b8a6;--cv-ink-dark: #1e1b4b}.constellation-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1026,#141a3a,#22124f 70%,#0c0f2a);font-family:Quicksand,sans-serif;color:#fff;overflow:hidden;padding-top:env(safe-area-inset-top)}.constellation-view .constellation-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.constellation-view .constellation-stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 350px 150px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 70px 200px,rgba(255,255,255,.6),transparent);background-size:400px 400px;animation:constellation-twinkle 4s ease-in-out infinite}@keyframes constellation-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.constellation-view .constellation-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:constellation-float-orb 20s ease-in-out infinite}.constellation-view .constellation-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--cv-magic-purple) 0%,transparent 70%);top:-150px;left:-150px}.constellation-view .constellation-orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--cv-fairy-pink) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes constellation-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.03)}50%{transform:translate(-15px,15px) scale(.97)}75%{transform:translate(15px,20px) scale(1.01)}}.constellation-view .constellation-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e1b4bd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:10}.constellation-view .constellation-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:background .2s ease}.constellation-view .constellation-back-btn:active{background:#fff3;transform:scale(.95)}.constellation-view .constellation-header-title{font-family:Crimson Pro,serif;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--cv-magic-gold-light) 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.constellation-view .constellation-main{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;overflow:hidden;touch-action:pan-x;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.constellation-view .constellation-card{width:min(92%,480px);flex:1;min-height:560px;margin-top:14px;margin-bottom:8px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1026,#191d45,#2b1464 70%,#0c0f2a);border:1px solid rgba(255,255,255,.08);box-shadow:0 35px 80px #080a1899;display:flex;align-items:center;justify-content:center}.constellation-view .constellation-card-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.constellation-view .constellation-card-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}.constellation-view .constellation-card-glow.glow-1{width:340px;height:340px;background:radial-gradient(circle,rgba(124,58,237,.65) 0%,transparent 70%);top:-140px;left:-120px}.constellation-view .constellation-card-glow.glow-2{width:320px;height:320px;background:radial-gradient(circle,rgba(236,72,153,.5) 0%,transparent 70%);bottom:-140px;right:-120px}.constellation-view .constellation-card-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 60px 120px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 120px 80px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 180px 140px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 220px 60px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 260px 180px,rgba(255,255,255,.5),transparent);background-size:300px 300px;animation:constellation-twinkle 5s ease-in-out infinite;opacity:.9;pointer-events:none}.constellation-view .constellation-card-panel{position:relative;z-index:1;width:min(90%,400px);margin:20px;border-radius:26px;background:linear-gradient(180deg,#ffffff14,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #0f172a80,inset 0 0 50px #ffffff08;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;padding-bottom:8px}.constellation-view .constellation-card-panel:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:24px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.constellation-view .constellation-card-content{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.constellation-view .constellation-name-section{flex-shrink:0;text-align:center;padding:18px 16px 0}.constellation-view .constellation-name-korean{font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--cv-magic-gold-light) 60%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.constellation-view .constellation-name-english{font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:3px;margin-top:4px}.constellation-view .constellation-complete-badge{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:12px;background:#fbbf2426;color:var(--cv-magic-gold);font-size:.7rem;font-weight:700;letter-spacing:.5px;animation:constellation-badge-glow 3s ease-in-out infinite}.constellation-view .constellation-lore{margin:14px 16px 0;padding:12px 16px;width:min(90%,320px);border-radius:14px;background:linear-gradient(135deg,#7c3aed14,#ec48990f,#fbbf240d);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.constellation-view .constellation-lore:before{content:"✦";position:absolute;top:10px;left:14px;font-size:.6rem;color:#fbbf2480;animation:constellation-star-breathe 3s ease-in-out infinite}.constellation-view .constellation-lore-text{font-family:Crimson Pro,serif;font-size:.82rem;font-weight:400;font-style:italic;line-height:1.65;color:#ffffff8c;text-align:center;padding:0 6px;text-indent:14px}.constellation-view .constellation-actions{margin:14px 16px 0;width:min(92%,320px);display:flex;gap:10px;justify-content:center;z-index:2}.constellation-view .constellation-action-btn{flex:1;min-width:120px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffe6;font-size:.82rem;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.constellation-view .constellation-action-btn .material-symbols-outlined{font-size:18px}.constellation-view .constellation-action-btn.primary{color:#111827;border:none;background:linear-gradient(135deg,#fef3c7,#fbbf24 45%,#ec4899);box-shadow:0 10px 26px #fbbf244d}.constellation-view .constellation-action-btn:active{transform:translateY(1px) scale(.98)}.constellation-view .constellation-action-btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}@keyframes constellation-badge-glow{0%,to{box-shadow:0 0 8px #fbbf241a}50%{box-shadow:0 0 16px #fbbf2440}}.constellation-view .constellation-skillset{margin:14px 16px 0;padding:10px 14px;width:min(90%,320px);border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.constellation-view .constellation-skillset-title{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px}.constellation-view .constellation-skillset-list{display:flex;flex-direction:column;gap:6px}.constellation-view .constellation-skillset-item{display:flex;gap:8px;align-items:flex-start;font-size:.75rem;color:#ffffffd9;line-height:1.4}.constellation-view .constellation-skillset-dot{width:6px;height:6px;margin-top:5px;border-radius:999px;background:var(--cv-magic-gold);box-shadow:0 0 6px #fbbf2499;flex-shrink:0}.constellation-view .constellation-canvas{flex:1;width:100%;max-width:360px;min-height:300px;display:flex;align-items:center;justify-content:center;padding:8px 6px 0;position:relative}.constellation-view .constellation-canvas:before{content:"";position:absolute;top:6%;right:8%;bottom:6%;left:8%;border-radius:999px;background:radial-gradient(circle at 50% 40%,rgba(251,191,36,.08) 0%,rgba(236,72,153,.06) 35%,transparent 70%);pointer-events:none}.constellation-view .constellation-canvas-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.constellation-view .constellation-canvas-rings:before,.constellation-view .constellation-canvas-rings:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:999px}.constellation-view .constellation-canvas-rings:before{width:82%;height:88%}.constellation-view .constellation-canvas-rings:after{width:66%;height:74%}.constellation-view .constellation-svg{width:100%;height:100%;max-height:420px;display:block;position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(251,191,36,.18))}.constellation-view .constellation-ambient-star{animation:constellation-ambient-twinkle 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes constellation-ambient-twinkle{0%,to{opacity:var(--_o, .3);transform:scale(1)}30%{opacity:calc(var(--_o, .3) * 1.8);transform:scale(1.3)}60%{opacity:calc(var(--_o, .3) * .5);transform:scale(.8)}}.constellation-view .constellation-star-filled{filter:drop-shadow(0 0 4px rgba(254,243,199,.7)) drop-shadow(0 0 10px rgba(251,191,36,.7)) drop-shadow(0 0 22px rgba(236,72,153,.3));animation:constellation-star-breathe 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.constellation-view .constellation-star-selected{animation:constellation-star-pulse 1.6s ease-in-out infinite!important}@keyframes constellation-star-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes constellation-star-pulse{0%,to{filter:drop-shadow(0 0 6px var(--cv-magic-gold)) drop-shadow(0 0 14px var(--cv-magic-gold));transform:scale(1.06)}50%{filter:drop-shadow(0 0 12px var(--cv-magic-gold)) drop-shadow(0 0 24px var(--cv-fairy-pink));transform:scale(1.16)}}.constellation-view .constellation-edge-active{opacity:.9;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6;stroke-dasharray:none;filter:drop-shadow(0 0 6px rgba(251,191,36,.4)) drop-shadow(0 0 12px rgba(236,72,153,.22));animation:none}@keyframes constellation-edge-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(251,191,36,.4)) drop-shadow(0 0 10px rgba(236,72,153,.22));opacity:.65}50%{filter:drop-shadow(0 0 8px rgba(251,191,36,.6)) drop-shadow(0 0 14px rgba(236,72,153,.35));opacity:.9}}.constellation-view .constellation-progress{flex-shrink:0;display:flex;justify-content:center;gap:8px;padding:10px 16px 4px}.constellation-view .constellation-progress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;transition:all .4s ease}.constellation-view .constellation-progress-dot.filled{background:var(--cv-magic-gold);box-shadow:0 0 6px var(--cv-magic-gold),0 0 12px #fbbf244d}.constellation-view .constellation-progress-dot.filled.purchased{background:#22d3ee;box-shadow:0 0 6px #22d3ee,0 0 12px #22d3ee4d}.constellation-view .constellation-hint{flex-shrink:0;text-align:center;padding:8px 32px;font-size:.8rem;color:#ffffff4d;line-height:1.5}.constellation-view .constellation-pages{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px 4px;z-index:2}.constellation-view .constellation-nav-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;transition:all .2s ease}.constellation-view .constellation-nav-arrow:not(:disabled):active{background:#ffffff1a;color:#fff}.constellation-view .constellation-nav-arrow:disabled{opacity:.2;cursor:default}.constellation-view .constellation-nav-arrow .material-symbols-outlined{font-size:18px}.constellation-view .constellation-page-dots{display:flex;gap:8px}.constellation-view .constellation-page-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;cursor:pointer;transition:all .3s ease}.constellation-view .constellation-page-dot.active{background:#fff;box-shadow:0 0 4px #fff6;transform:scale(1.3)}.constellation-view .constellation-page-dot.complete{background:var(--cv-magic-gold);opacity:.6}.constellation-view .constellation-page-dot.complete.active{opacity:1;box-shadow:0 0 6px var(--cv-magic-gold)}.constellation-view .constellation-stats{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:#1e1b4bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:10}.constellation-view .constellation-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.constellation-view .constellation-stat-value{font-family:Crimson Pro,serif;font-size:1.1rem;font-weight:700;color:var(--cv-magic-gold-light)}.constellation-view .constellation-stat-label{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.constellation-view .constellation-stat-divider{width:3px;height:3px;background:#fff3;border-radius:50%}@media(max-width:520px){.constellation-view .constellation-card{width:min(94%,420px);margin-top:10px;min-height:520px}.constellation-view .constellation-nav-arrow{width:38px;height:38px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);color:#ffffffe6;box-shadow:0 8px 20px #00000059}.constellation-view .constellation-nav-arrow:disabled{opacity:.35}.constellation-view .constellation-nav-arrow .material-symbols-outlined{font-size:22px}}.constellation-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0000004d;display:flex;align-items:flex-end;justify-content:center}.constellation-info-panel{width:100%;max-width:480px;padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:#1e1b4beb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.12);border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);font-family:Quicksand,sans-serif;color:#fff}.constellation-info-panel.visible{transform:translateY(0)}.constellation-info-star-name{font-family:Crimson Pro,serif;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,var(--cv-magic-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.constellation-info-star-sub{font-size:.72rem;color:#ffffff4d;letter-spacing:1px;margin-top:2px}.constellation-info-divider{width:30px;height:1px;background:#ffffff1a;margin:14px 0}.constellation-info-title{font-family:Crimson Pro,serif;font-size:1.1rem;font-weight:700;color:#ffffffd9;line-height:1.4}.constellation-info-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.72rem;font-weight:600}.constellation-info-badge.completed{background:#14b8a633;color:var(--cv-enchanted-teal)}.constellation-info-level{font-size:.72rem;color:#fff6;font-weight:600}.constellation-info-date{margin-top:10px;font-size:.72rem;color:#ffffff4d}.constellation-info-empty{font-size:.85rem;color:#ffffff4d;font-style:italic}.constellation-view .constellation-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1}.constellation-view .constellation-loading-text{font-family:Crimson Pro,serif;font-size:1rem;color:#fff6;animation:constellation-loading-fade 2s ease-in-out infinite}@keyframes constellation-loading-fade{0%,to{opacity:.3}50%{opacity:.7}}.constellation-view .constellation-loading-star{width:6px;height:6px;background:var(--cv-magic-gold);border-radius:50%;animation:constellation-star-breathe 2s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--cv-magic-gold))}.wp-grid-cell,.wp-grid-cell *{-webkit-touch-callout:none;-webkit-user-select:none}@keyframes wp-cell-reveal{0%{opacity:0;transform:scale(.3) rotateY(90deg)}60%{opacity:1;transform:scale(1.1) rotateY(0)}to{opacity:1;transform:scale(1) rotateY(0)}}.wp-cell-reveal{animation:wp-cell-reveal .4s ease-out forwards;opacity:0}@keyframes wp-path-draw{0%{transform:scale(.95)}50%{transform:scale(1.08)}to{transform:scale(1)}}.wp-path-found{animation:wp-cell-reveal .4s ease-out forwards,wp-path-draw .5s ease-out forwards;opacity:1!important}@keyframes wp-sparkle-burst{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.wp-sparkle{animation:wp-sparkle-burst .6s ease-out forwards;pointer-events:none}@keyframes wp-hint-breathe{0%,to{box-shadow:0 0 6px 2px #fbbf2480,0 0 14px 4px #fbbf2440}50%{box-shadow:0 0 12px 4px #fbbf24cc,0 0 24px 8px #fbbf2466,0 0 36px 12px #ec489926}}@keyframes wp-hint-text-pulse{0%,to{text-shadow:0 0 6px rgba(251,191,36,.7),0 0 14px rgba(251,191,36,.4)}50%{text-shadow:0 0 12px rgba(251,191,36,.9),0 0 24px rgba(236,72,153,.4)}}.wp-hint-cell{animation:wp-cell-reveal .4s ease-out forwards,wp-hint-breathe 1.5s ease-in-out infinite!important;border-color:#fbbf24cc!important;background:#fbbf2433!important;z-index:10;position:relative;opacity:1!important}.wp-hint-cell>span{animation:wp-hint-text-pulse 1.5s ease-in-out infinite;color:#fbbf24!important}.wp-tracing-cell{background:#7c3aed66!important;border-color:#a78bfa99!important;box-shadow:0 0 12px 3px #7c3aed66;transform:scale(1.08);transition:all .1s ease-out}@keyframes wp-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.wp-shake{animation:wp-shake .3s ease-out}@keyframes wp-result-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wp-result-enter{animation:wp-result-enter .5s ease-out}@keyframes wp-panel-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wp-panel-enter{animation:wp-panel-slide-up .3s ease-out forwards}@keyframes wp-grid-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wp-loading-spinner{animation:wp-grid-loading 1.5s linear infinite}.wp-grid-cell{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .15s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;cursor:pointer;font-weight:700;color:#ffffffe6}.wp-grid-cell:active{transform:scale(.95)}.wp-found-cell{border-color:transparent!important;color:#fff!important;font-weight:800}.wl-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 60%,#5b21b6);font-family:Quicksand,system-ui,sans-serif;color:#fff;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);user-select:none;-webkit-user-select:none;touch-action:none}.wl-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.wl-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:wl-float-orb 20s ease-in-out infinite}.wl-orb-1{width:400px;height:400px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-150px;left:-100px}.wl-orb-2{width:350px;height:350px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);top:40%;right:-120px;animation-delay:-7s}.wl-orb-3{width:300px;height:300px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);bottom:-80px;left:20%;animation-delay:-14s}@keyframes wl-float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.wl-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:0;animation:wl-twinkle 4s ease-in-out infinite}@keyframes wl-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}.wl-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.wl-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.15);transition:background .2s}.wl-back-btn:active{background:#fff3}.wl-progress{display:flex;flex-direction:column;align-items:center;gap:4px}.wl-progress-text{font-size:.875rem;font-weight:700;letter-spacing:.05em}.wl-progress-current{color:#fbbf24}.wl-progress-sep{color:#ffffff4d;margin:0 2px}.wl-progress-total{color:#ffffff80}.wl-progress-bar{width:80px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.wl-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;transition:width .5s ease}.wl-grid-area{position:relative;z-index:10;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:12px 8px;overflow-y:auto}.wl-word-grid{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px}.wl-word-row{display:flex;flex-direction:column;align-items:center;gap:3px}.wl-word-hint-row{display:flex;align-items:center;justify-content:center;gap:6px}.wl-word-hint{font-size:.7rem;color:#ffffff73;font-weight:600;text-transform:lowercase;letter-spacing:.02em;max-width:220px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-hint-btn{width:18px;height:18px;border-radius:50%;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.wl-hint-btn .material-symbols-outlined{font-size:12px}.wl-hint-btn:active{background:#fbbf244d;transform:scale(.9)}.wl-word-cells{display:flex;gap:4px;justify-content:center}.wl-cell{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1.5px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.wl-cell-sm{width:32px;height:32px;border-radius:6px}.wl-cell-xs{width:28px;height:28px;border-radius:6px}.wl-cell-xs .wl-cell-letter,.wl-cell-xs .wl-cell-revealed-letter{font-size:.8rem}.wl-cell-sm .wl-cell-letter,.wl-cell-sm .wl-cell-revealed-letter{font-size:.95rem}.wl-cell-revealed{background:#fbbf241a;border-color:#fbbf2440}.wl-cell-revealed-letter{font-size:1rem;font-weight:700;color:#fbbf24b3}.wl-cell-filled{background:linear-gradient(135deg,#7c3aed99,#ec489966);border-color:#fbbf2480;box-shadow:0 0 12px #fbbf2433}.wl-cell-letter{font-size:1.125rem;font-weight:800;color:#fde68a;animation:wl-letter-pop .4s cubic-bezier(.175,.885,.32,1.275) backwards}@keyframes wl-letter-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.wl-word-just-solved .wl-cell-filled{animation:wl-cell-celebrate .6s ease}@keyframes wl-cell-celebrate{0%{transform:scale(1)}30%{transform:scale(1.15);box-shadow:0 0 24px #fbbf2480}to{transform:scale(1)}}.wl-word-solved .wl-word-hint-row{display:none}.wl-wheel-area{position:relative;z-index:10;display:flex;justify-content:center;padding:0 16px 24px;flex-shrink:0}.wl-wheel-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.wl-text-preview{position:absolute;top:-36px;left:50%;transform:translate(-50%);z-index:20}.wl-text-preview span{display:inline-block;padding:4px 16px;border-radius:16px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fde68a;font-size:.875rem;font-weight:800;letter-spacing:.12em;border:1px solid rgba(251,191,36,.3);box-shadow:0 4px 16px #fbbf2426;animation:wl-preview-bounce .15s ease}@keyframes wl-preview-bounce{0%{transform:scale(.9)}to{transform:scale(1)}}.wl-wheel-touch-area{width:280px;height:280px;cursor:pointer;touch-action:none}.wl-wheel-svg{width:100%;height:100%;pointer-events:none}.wl-wheel-bg{fill:#ffffff08;stroke:#ffffff0f;stroke-width:1}.wl-guide-line{stroke:#ffffff14;stroke-width:.8;stroke-dasharray:4 4}.wl-connection-line{stroke:url(#wl-edge-gradient);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(251,191,36,.5)) drop-shadow(0 0 2px rgba(255,255,255,.6));pointer-events:none}.wl-node-group circle,.wl-node-group text{transition:cx .18s ease-out,cy .18s ease-out,x .18s ease-out,y .18s ease-out}.wl-node-circle{fill:#ffffffd9;stroke:#ffffff4d;stroke-width:1.5;transition:all .2s ease;filter:drop-shadow(0 0 4px rgba(255,255,255,.4)) drop-shadow(0 0 10px rgba(255,255,255,.15));animation:wl-star-breathe 4s ease-in-out infinite}.wl-node-selected{fill:#fbbf24;stroke:#fff9;stroke-width:2;filter:drop-shadow(0 0 6px rgba(251,191,36,.6)) drop-shadow(0 0 14px rgba(251,191,36,.3));animation:wl-star-pulse 1.2s ease-in-out infinite}@keyframes wl-star-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes wl-star-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.6)) drop-shadow(0 0 14px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,.8)) drop-shadow(0 0 22px rgba(251,191,36,.5))}}.wl-node-letter{fill:#1e1b4b;font-weight:800;font-family:Quicksand,system-ui,sans-serif;pointer-events:none}.wl-node-selected+text.wl-node-letter,.wl-node-circle.wl-node-selected~text.wl-node-letter{fill:#1e1b4b}.wl-wheel-buttons{display:flex;gap:16px;align-items:center}.wl-action-btn{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff4d;display:flex;align-items:center;justify-content:center;transition:all .2s}.wl-action-btn:disabled{opacity:.4;cursor:default}.wl-action-btn-active{color:#ffffffb3;border-color:#fff3;background:#ffffff1f}.wl-action-btn:not(:disabled):active{background:#fff3;color:#fff;transform:scale(.9)}.wl-no-words,.wl-complete{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.wl-complete-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;color:#1e1b4b;margin-bottom:24px;animation:wl-complete-pulse 2s ease-in-out infinite;box-shadow:0 0 40px #fbbf2466}@keyframes wl-complete-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wl-complete-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fde68a,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.wl-complete-subtitle{color:#ffffff80;font-size:.9rem;font-weight:600}.wl-complete-btn{margin-top:32px;padding:12px 40px;border-radius:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b4b;font-size:1rem;font-weight:800;border:none;box-shadow:0 4px 20px #fbbf2466;transition:transform .2s}.wl-complete-btn:active{transform:scale(.96)}@media(max-height:700px){.wl-cell{width:32px;height:32px}.wl-cell-sm{width:28px;height:28px}.wl-cell-xs{width:24px;height:24px}.wl-cell-letter{font-size:.95rem}.wl-wheel-touch-area{width:240px;height:240px}.wl-word-grid{gap:6px}}@media(min-height:900px){.wl-grid-area{padding-top:24px}}.quest-overlay-enter{animation:quest-fade-in .2s ease-out forwards}.quest-overlay-visible{opacity:1}.quest-overlay-exit{animation:quest-fade-out .3s ease-out forwards}@keyframes quest-fade-in{0%{opacity:0}to{opacity:1}}@keyframes quest-fade-out{0%{opacity:1}to{opacity:0}}.quest-book-open{animation:quest-book-open .8s ease-out forwards}@keyframes quest-book-open{0%{transform:scale(1) rotateY(0)}30%{transform:scale(1.15) rotateY(-15deg)}60%{transform:scale(1.1) rotateY(10deg)}to{transform:scale(1) rotateY(0)}}.quest-light-burst{animation:quest-light-burst 1s ease-out forwards}@keyframes quest-light-burst{0%{opacity:0;transform:scale(0)}30%{opacity:.8;transform:scale(1.2)}60%{opacity:.6;transform:scale(1.8)}to{opacity:0;transform:scale(2.5)}}.quest-page-fly{animation:quest-page-fly .8s ease-out forwards}@keyframes quest-page-fly{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}to{transform:translate(var(--fly-x)) translateY(var(--fly-y)) rotate(var(--fly-rotate));opacity:0}}.quest-card-scatter{animation:quest-card-scatter .7s ease-out forwards}@keyframes quest-card-scatter{0%{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}60%{opacity:1}to{transform:translate(var(--scatter-x)) translateY(var(--scatter-y)) rotate(var(--scatter-rotate)) scale(.6);opacity:0}}.quest-card-flip{animation:quest-card-flip .8s ease-in-out}@keyframes quest-card-flip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(360deg) scale(1)}}.quest-sparkle{animation:quest-sparkle .6s ease-out forwards}@keyframes quest-sparkle{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}.quest-wand-wave{animation:quest-wand-wave .6s ease-in-out 2}@keyframes quest-wand-wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.quest-star-sparkle{animation:quest-star-sparkle .8s ease-out forwards}@keyframes quest-star-sparkle{0%{transform:scale(0) rotate(0);opacity:0}40%{transform:scale(1.4) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}.quest-magic-trail{stroke-dasharray:100;stroke-dashoffset:100;animation:quest-magic-trail .6s ease-out forwards}@keyframes quest-magic-trail{0%{stroke-dashoffset:100;opacity:0}30%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.quest-text-pop{animation:quest-text-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes quest-text-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.quest-dot-bounce{animation:quest-dot-bounce .5s ease-in-out infinite alternate}@keyframes quest-dot-bounce{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-8px);opacity:1}}.bolt-pack-sheet{--bp-purple: #7c3aed;--bp-purple-dark: #4c1d95;--bp-gold: #fbbf24;--bp-gold-strong: #f59e0b;--bp-rose: #ec4899;--bp-teal: #14b8a6;--bp-ink: #1e1b4b;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#1e1b4b 12%,#312e81 35%,#4c1d95 65%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;overflow:hidden}.bolt-pack-sheet:after{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(30,27,75,.75) 0%,rgba(30,27,75,.35) 35%,transparent 100%),radial-gradient(ellipse 140% 100% at 50% 0%,rgba(99,80,200,.28) 0%,transparent 65%);pointer-events:none;z-index:0}.bolt-pack-sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 250px 180px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.4),transparent);background-size:360px 360px;animation:bp-twinkle 4s ease-in-out infinite;z-index:0}@keyframes bp-twinkle{0%,to{opacity:.8}50%{opacity:.45}}.bolt-pack-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;animation:bp-orb-float 22s ease-in-out infinite;z-index:0}.bolt-pack-orb.orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--bp-purple) 0%,transparent 70%);top:-220px;left:-200px}.bolt-pack-orb.orb-2{width:420px;height:420px;background:radial-gradient(circle,var(--bp-rose) 0%,transparent 70%);top:45%;right:-180px;animation-delay:-8s}.bolt-pack-orb.orb-3{width:360px;height:360px;background:radial-gradient(circle,var(--bp-teal) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-15s}@keyframes bp-orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.bolt-pack-sparkle{position:absolute;width:12px;height:12px;color:var(--bp-gold);opacity:0;animation:bp-sparkle 2.4s ease-in-out infinite;pointer-events:none;z-index:0}.bolt-pack-sparkle svg{width:100%;height:100%;fill:currentColor}@keyframes bp-sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.bolt-pack-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) calc(20px + env(safe-area-inset-right,0px)) 12px calc(20px + env(safe-area-inset-left,0px));background:linear-gradient(180deg,#0f0c2de6,#0f0c2d99);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.bolt-pack-close{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.bolt-pack-close .material-symbols-outlined{font-size:20px}.bolt-pack-close:active{transform:scale(.96)}.bolt-pack-close:disabled{opacity:.5;cursor:not-allowed}.bolt-pack-title{font-family:Crimson Pro,serif;font-size:1.25rem;font-weight:700;letter-spacing:.02em}.bolt-pack-xp{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#fbbf2440,#fbbf240d);border:1px solid rgba(251,191,36,.4);box-shadow:0 0 12px #fbbf2440}.bolt-pack-xp-value{font-size:.8rem;font-weight:700;color:#fcd34d}.bolt-pack-xp-change{position:fixed;top:calc(env(safe-area-inset-top) + 76px);left:50%;transform:translate(-50%);z-index:4;pointer-events:none}.bolt-pack-xp-change-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:16px;background:#120e2ed9;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 36px #08061c73;animation:bp-xp-pop 1.7s ease forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bolt-pack-xp-change-values{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#fcd34d;text-shadow:0 0 12px rgba(251,191,36,.4)}.bolt-pack-xp-change-arrow{color:#ffffffb3}.bolt-pack-xp-change-diff{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}@keyframes bp-xp-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}15%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}.bolt-pack-content{position:relative;z-index:1;flex:1;overflow-y:auto;padding:18px calc(20px + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:16px}.bolt-pack-list{display:flex;flex-direction:column;gap:14px}.bolt-pack-empty{min-height:40vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff9;font-size:.95rem}.bolt-pack-card{position:relative;display:flex;align-items:center;gap:16px;padding:18px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 28px #08061c59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:visible;isolation:isolate;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.bolt-pack-card:hover{transform:translateY(-2px);border-color:#ffffff47;box-shadow:0 18px 36px #08061c73}.bolt-pack-card:active{transform:translateY(0) scale(.99)}.bolt-pack-card-glow{position:absolute;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;filter:blur(30px);opacity:.35;background:radial-gradient(circle,rgba(251,191,36,.5),transparent 70%);pointer-events:none;z-index:0}.bolt-pack-card--popular .bolt-pack-card-glow{background:radial-gradient(circle,rgba(124,58,237,.55),transparent 70%)}.bolt-pack-card--bestValue .bolt-pack-card-glow{background:radial-gradient(circle,rgba(251,191,36,.7),transparent 70%)}.bolt-pack-badge{position:absolute;top:-10px;right:16px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 16px #00000040;z-index:2;--bp-badge-point: #ec4899}.bolt-pack-badge:after{content:"";position:absolute;left:14px;bottom:-5px;width:8px;height:8px;border-radius:50%;background:var(--bp-badge-point);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 10px #00000059}.bolt-pack-badge.bestValue{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#f5f3ff;--bp-badge-point: #8b5cf6}.bolt-pack-badge.popular{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;--bp-badge-point: #ec4899}.bolt-pack-amount{display:flex;align-items:center;gap:12px;min-width:120px;position:relative;z-index:1}.bolt-pack-amount-icon{width:48px;height:48px;border-radius:16px;background:#fbbf241f;border:1px solid rgba(251,191,36,.4);display:grid;place-items:center;box-shadow:inset 0 0 12px #fbbf2433}.bolt-pack-amount-meta{display:flex;flex-direction:column;gap:2px}.bolt-pack-amount-value{font-size:1.6rem;font-weight:700;color:#fcd34d;text-shadow:0 0 16px rgba(251,191,36,.45)}.bolt-pack-amount-label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#fff9}.bolt-pack-cta{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid rgba(255,255,255,.35);color:#3b1c00;box-shadow:0 10px 24px #fbbf2459;cursor:pointer;z-index:1;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;overflow:hidden}.bolt-pack-cta:before{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-140%)}.bolt-pack-cta:not(:disabled):hover:before{transform:translate(220%);transition:transform .6s ease}.bolt-pack-cta:not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:0 8px 20px #fbbf2440}.bolt-pack-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.2)}.bolt-pack-cta-price{font-size:.9rem;font-weight:700}.bolt-pack-cta-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3b1c00b3}.bolt-pack-secure{text-align:center;font-size:.75rem;color:#ffffff80}.bolt-pack-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#0c0a1e99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bolt-pack-loading-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 32px;border-radius:26px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 50px #00000073}.bolt-pack-loading-text{font-size:.9rem;font-weight:600;color:#fffc}.bolt-pack-charge-core{position:relative;width:120px;height:120px;display:grid;place-items:center}.bolt-pack-charge-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(251,191,36,.15);border-top-color:#fbbf24d9;animation:bp-rotate 1s linear infinite}.bolt-pack-charge-ring.ring-2{top:12px;right:12px;bottom:12px;left:12px;border-top-color:#7c3aede6;border-right-color:#7c3aed66;animation-duration:1.2s;animation-direction:reverse}.bolt-pack-charge-ring.ring-3{top:24px;right:24px;bottom:24px;left:24px;border-top-color:#ec4899e6;border-left-color:#ec489966;animation-duration:1.5s}.bolt-pack-charge-pulse{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(251,191,36,.4);opacity:.6;animation:bp-pulse-ring 1.3s ease-in-out infinite}.bolt-pack-charge-bolt{animation:bp-pulse 1.1s ease-in-out infinite}.bolt-pack-charge-sparks{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;pointer-events:none;animation:bp-rotate 4s linear infinite}.bolt-pack-charge-sparks span{position:absolute;top:50%;left:50%;width:6px;height:18px;border-radius:999px;background:linear-gradient(180deg,#fbbf2400,#fbbf24f2);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-60px);transform-origin:center;opacity:.7;animation:bp-spark 1.2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes bp-rotate{to{transform:rotate(360deg)}}@keyframes bp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bp-pulse-ring{0%{transform:scale(.9);opacity:.6}70%{transform:scale(1.1);opacity:0}to{opacity:0}}@keyframes bp-spark{0%,to{opacity:.3;height:12px}50%{opacity:1;height:20px}}.bolt-pack-content::-webkit-scrollbar{width:6px}.bolt-pack-content::-webkit-scrollbar-track{background:#ffffff0d}.bolt-pack-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.bolt-pack-content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.ld-bubble-mimos{animation:ldSlideInLeft .3s ease-out}.ld-bubble-user{animation:ldSlideInRight .3s ease-out}@keyframes ldSlideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes ldSlideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.ld-passage-appear{animation:ldPassageAppear .4s ease-out}@keyframes ldPassageAppear{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ld-thinking-dots span{animation:ldBlink 1.4s infinite both}.ld-thinking-dots span:nth-child(2){animation-delay:.2s}.ld-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes ldBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.ld-badge-pop{animation:ldBadgePop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes ldBadgePop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ld-result-fade{animation:ldResultFade .5s ease-out}@keyframes ldResultFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ld-mimos-float{animation:ldMimosFloat 3s ease-in-out infinite}@keyframes ldMimosFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ld-book-reveal{animation:ldBookReveal .8s cubic-bezier(.34,1.56,.64,1)}@keyframes ldBookReveal{0%{opacity:0;transform:scale(.6) translateY(20px)}60%{transform:scale(1.05) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ld-messages::-webkit-scrollbar{width:4px}.ld-messages::-webkit-scrollbar-track{background:transparent}.ld-messages::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.mc-bubble-mimos{animation:mcSlideInLeft .3s ease-out}.mc-bubble-user{animation:mcSlideInRight .3s ease-out}@keyframes mcSlideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes mcSlideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.mc-choice{animation:mcChoiceAppear .3s ease-out backwards}.mc-choice:nth-child(1){animation-delay:.05s}.mc-choice:nth-child(2){animation-delay:.1s}.mc-choice:nth-child(3){animation-delay:.15s}.mc-choice:nth-child(4){animation-delay:.2s}@keyframes mcChoiceAppear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mc-signup-appear{animation:mcChoiceAppear .4s ease-out}.mc-thinking-dots span{animation:mcBlink 1.4s infinite both}.mc-thinking-dots span:nth-child(2){animation-delay:.2s}.mc-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes mcBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.mc-sentence-card{animation:mcSentenceAppear .4s ease-out}@keyframes mcSentenceAppear{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mc-badge-pop{animation:mcBadgePop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes mcBadgePop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mc-mimos-float{animation:mcMimosFloat 3s ease-in-out infinite}@keyframes mcMimosFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mc-messages::-webkit-scrollbar{width:4px}.mc-messages::-webkit-scrollbar-track{background:transparent}.mc-messages::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:2px}.mc-start-button{animation:mcChoiceAppear .5s ease-out}@keyframes book-unlock{0%{transform:scale(1) rotateY(0)}30%{transform:scale(1.05) rotateY(180deg)}60%{transform:scale(1.02) rotateY(360deg)}to{transform:scale(1) rotateY(360deg)}}@keyframes lock-shake{0%,to{transform:translate(-50%) rotate(0)}20%{transform:translate(-50%) rotate(-20deg)}40%{transform:translate(-50%) rotate(20deg)}60%{transform:translate(-50%) rotate(-15deg)}80%{transform:translate(-50%) rotate(15deg)}}@keyframes lock-break{0%{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.3);opacity:.8}to{transform:translate(-50%) scale(0) rotate(45deg);opacity:0}}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}@keyframes number-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes snowwhite-glow{0%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}to{opacity:.6;transform:scale(.92)}}@keyframes snowwhite-rayburst{0%{transform:rotate(0) scale(.98);opacity:.6}50%{opacity:.9}to{transform:rotate(360deg) scale(1.02);opacity:.6}}@keyframes snowwhite-ring{0%{transform:scale(.85);opacity:.7}70%{transform:scale(1.2);opacity:0}to{transform:scale(1.2);opacity:0}}@keyframes snowwhite-shimmer{0%{transform:translate(-60%) rotate(12deg);opacity:0}30%{opacity:.9}to{transform:translate(60%) rotate(12deg);opacity:0}}@keyframes snowwhite-dust{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}50%{opacity:1;transform:translate(-50%,-70%) scale(1) rotate(160deg)}to{opacity:0;transform:translate(-50%,-90%) scale(.2) rotate(320deg)}}@keyframes snowwhite-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-book-unlock{animation:book-unlock 1.2s ease-out forwards;transform-style:preserve-3d}.animate-lock-shake{animation:lock-shake .6s ease-in-out}.animate-lock-break{animation:lock-break .5s ease-out forwards}.animate-sparkle{animation:sparkle .8s ease-in-out forwards}.animate-number-pop{animation:number-pop .4s ease-out}.animate-confetti-fall{animation:confetti-fall linear forwards}.animate-pop-in{animation:pop-in .4s ease-out forwards}.animate-fade-in{animation:fade-in .5s ease-out forwards}.snowwhite-aura{position:absolute;top:-38px;right:-38px;bottom:-38px;left:-38px;border-radius:9999px;background:radial-gradient(circle at 50% 45%,#fffffff2,#ffe1a0bf 45%,#fff0 70%);filter:blur(10px);opacity:.9;animation:snowwhite-glow 2.4s ease-in-out infinite;pointer-events:none}.snowwhite-rayburst{position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;border-radius:9999px;background:repeating-conic-gradient(from 0deg,#ffe8aab3,#ffe8aab3 10deg,#ffe8aa00 10deg,#ffe8aa00 24deg);opacity:.8;animation:snowwhite-rayburst 6s linear infinite;pointer-events:none}.snowwhite-ring{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:9999px;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 18px #fff0c8cc;animation:snowwhite-ring 1.6s ease-out infinite;pointer-events:none}.snowwhite-dust{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none}.snowwhite-dust-icon{position:absolute;font-size:18px;color:#fffffff2;text-shadow:0 0 8px rgba(255,230,150,.95),0 0 16px rgba(255,255,255,.9);animation:snowwhite-dust 1.8s ease-in-out infinite}.snowwhite-shimmer{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(120deg,#fff0,#ffffffa6 45%,#fff0 70%);mix-blend-mode:screen;animation:snowwhite-shimmer 2.1s ease-in-out infinite;pointer-events:none}.snowwhite-book{filter:drop-shadow(0 14px 22px rgba(255,188,110,.55)) drop-shadow(0 0 22px rgba(255,255,255,.65))}.snowwhite-float{animation:snowwhite-float 2.6s ease-in-out infinite}@keyframes step-enter{0%{opacity:0;transform:translate(30px) scale(.98)}60%{opacity:1;transform:translate(-4px) scale(1.01)}80%{transform:translate(2px) scale(.995)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes step-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px) scale(.98)}}.step-container{animation:step-enter .5s cubic-bezier(.34,1.56,.64,1) forwards}.step-container-exit{animation:step-exit .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 4s linear infinite}.landing-page{--lp-magic-purple: #7c3aed;--lp-magic-purple-dark: #5b21b6;--lp-magic-gold: #fbbf24;--lp-magic-gold-light: #fde68a;--lp-enchanted-teal: #14b8a6;--lp-fairy-pink: #ec4899;--lp-storybook-cream: #fef7ed;--lp-parchment: #fdf4e3;--lp-ink-dark: #1e1b4b;--lp-shadow-purple: rgba(124, 58, 237, .3)}.landing-page{min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 60%,#5b21b6);font-family:Quicksand,sans-serif;overflow-x:hidden;position:relative;color:#fff}.landing-page .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.landing-page .gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:lp-float-orb 20s ease-in-out infinite}.landing-page .orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--lp-magic-purple) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.landing-page .orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--lp-fairy-pink) 0%,transparent 70%);top:50%;right:-150px;animation-delay:-7s}.landing-page .orb-3{width:400px;height:400px;background:radial-gradient(circle,var(--lp-enchanted-teal) 0%,transparent 70%);bottom:-100px;left:30%;animation-delay:-14s}@keyframes lp-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.landing-page .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent);background-size:350px 350px;animation:lp-twinkle 4s ease-in-out infinite}@keyframes lp-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.landing-page .sparkle{position:absolute;width:12px;height:12px;color:var(--lp-magic-gold);animation:lp-sparkle-pulse 2s ease-in-out infinite;opacity:0}@keyframes lp-sparkle-pulse{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.landing-page .floating-particle{position:absolute;bottom:-20px;background:radial-gradient(circle,var(--lp-magic-gold) 0%,transparent 70%);border-radius:50%;animation:lp-float-up 10s ease-in-out infinite;opacity:.6}@keyframes lp-float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.5);opacity:0}}.landing-page .decoration-book{position:fixed;pointer-events:none;opacity:.15;z-index:1}.landing-page .book-1{width:120px;height:120px;top:20%;left:5%;animation:lp-float-book 8s ease-in-out infinite}.landing-page .book-2{width:100px;height:100px;top:60%;right:8%;animation:lp-float-book 10s ease-in-out infinite reverse}@keyframes lp-float-book{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.landing-page .landing-header{position:sticky;top:0;z-index:100;background:#1e1b4bd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.landing-page .header-logo{width:44px;height:44px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 0 20px #fbbf2466,0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.landing-page .header-logo:hover{transform:scale(1.05);box-shadow:0 0 30px #fbbf2499,0 6px 16px #0006}.landing-page .header-logo-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,var(--lp-magic-gold),var(--lp-magic-purple),var(--lp-fairy-pink));border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:lp-glow-rotate 3s linear infinite}.landing-page .header-logo:hover .header-logo-glow{opacity:1}@keyframes lp-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page .logo-text{font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--lp-magic-gold-light),var(--lp-magic-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(251,191,36,.3)}.landing-page .lang-toggle{position:relative;padding:8px 16px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;cursor:pointer;transition:all .3s ease}.landing-page .lang-toggle:hover{border-color:var(--lp-magic-gold);background:#fbbf241a}.landing-page .lang-toggle-text{position:relative;z-index:1;font-weight:600;font-size:.875rem;color:#fff}.landing-page .lang-toggle-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--lp-magic-gold),var(--lp-fairy-pink));opacity:0;transition:opacity .3s ease}.landing-page .lang-toggle:hover .lang-toggle-bg{opacity:.2}.landing-page .hero-section{padding:80px 0 100px;min-height:90vh;display:flex;flex-direction:column;justify-content:center;position:relative}.landing-page .hero-icon-wrapper{margin-bottom:40px;transition:transform .1s ease-out}.landing-page .hero-icon{width:140px;height:140px;margin:0 auto;position:relative;border-radius:32px;overflow:visible;animation:lp-hero-float 6s ease-in-out infinite;box-shadow:0 20px 60px #0006,0 0 80px #fbbf244d}@keyframes lp-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.landing-page .hero-icon img{position:relative;z-index:2}.landing-page .hero-icon-ring{position:absolute;border-radius:50%;border:2px solid;opacity:.5}.landing-page .ring-1{top:-20px;right:-20px;bottom:-20px;left:-20px;border-color:var(--lp-magic-gold);animation:lp-ring-pulse 3s ease-in-out infinite}.landing-page .ring-2{top:-40px;right:-40px;bottom:-40px;left:-40px;border-color:var(--lp-fairy-pink);animation:lp-ring-pulse 3s ease-in-out infinite .5s}.landing-page .ring-3{top:-60px;right:-60px;bottom:-60px;left:-60px;border-color:var(--lp-enchanted-teal);animation:lp-ring-pulse 3s ease-in-out infinite 1s}@keyframes lp-ring-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.landing-page .hero-icon-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.landing-page .hero-sparkle{position:absolute;width:8px;height:8px;left:50%;top:50%;margin-left:-4px;margin-top:-4px;background:var(--lp-magic-gold);border-radius:50%;animation:lp-sparkle-orbit 4s ease-in-out infinite;box-shadow:0 0 10px var(--lp-magic-gold)}@keyframes lp-sparkle-orbit{0%,to{opacity:.3;transform:rotate(0) translateY(-70px) scale(.8)}50%{opacity:1;transform:rotate(180deg) translateY(-70px) scale(1.2)}}.landing-page .hero-title{font-family:Crimson Pro,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#fff 0%,var(--lp-magic-gold-light) 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lp-title-shine 4s ease-in-out infinite;background-size:200% auto}@keyframes lp-title-shine{0%,to{background-position:0% center}50%{background-position:100% center}}.landing-page .hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:#ffffffd9;max-width:600px;margin:0 auto 40px;line-height:1.7}.landing-page .download-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border-radius:16px;font-weight:700;font-size:1rem;text-decoration:none;overflow:hidden;transition:all .3s ease;cursor:pointer}.landing-page .download-btn-apple{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border:2px solid rgba(255,255,255,.1)}.landing-page .download-btn-apple:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0006,0 0 30px #ffffff1a;border-color:#ffffff4d}.landing-page .download-btn-play{background:linear-gradient(135deg,var(--lp-magic-gold) 0%,#f59e0b 100%);color:#1a1a2e;border:2px solid var(--lp-magic-gold)}.landing-page .download-btn-play:hover{transform:translateY(-4px);box-shadow:0 15px 40px #fbbf244d,0 0 30px #fbbf2433}.landing-page .download-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.landing-page .download-btn:hover .download-btn-glow{transform:translate(100%)}.landing-page .download-btn-glow.play{background:linear-gradient(135deg,transparent,rgba(255,255,255,.4),transparent)}.landing-page .stats-container{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.landing-page .stat-item{position:relative;padding:12px 24px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.landing-page .stat-item.visible{opacity:1;transform:translateY(0)}.landing-page .stat-value{font-family:Crimson Pro,serif;font-size:1.25rem;font-weight:700;color:var(--lp-magic-gold-light);white-space:nowrap}.landing-page .stat-sparkle{position:absolute;top:0;right:0;width:8px;height:8px;background:var(--lp-magic-gold);border-radius:50%;opacity:0;animation:lp-stat-sparkle 2s ease-in-out infinite}.landing-page .stat-item.visible .stat-sparkle{opacity:1}@keyframes lp-stat-sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.landing-page .stats-divider{width:4px;height:4px;background:#ffffff4d;border-radius:50%}.landing-page .scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:lp-bounce-subtle 2s ease-in-out infinite}@keyframes lp-bounce-subtle{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.landing-page .scroll-mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:12px;position:relative}.landing-page .scroll-wheel{width:4px;height:8px;background:#ffffff80;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:lp-scroll-wheel 1.5s ease-in-out infinite}@keyframes lp-scroll-wheel{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(8px);opacity:.3}}.landing-page .scroll-text{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:2px}.landing-page .features-section{position:relative;padding:100px 0;overflow:hidden}.landing-page .spellbook-callout{margin:0 auto 40px;max-width:720px;padding:24px;border-radius:24px;text-align:center;background:linear-gradient(135deg,#7c3aed33,#14b8a633);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 36px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-page .spellbook-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:#ffffffb3;margin-bottom:8px}.landing-page .spellbook-subtitle{margin:0 0 16px;font-size:1.05rem;color:#ffffffe6}.landing-page .spellbook-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;background:#fff;color:#1e1b4b;font-weight:700;text-decoration:none;box-shadow:0 14px 25px #00000040;transition:transform .2s ease,box-shadow .2s ease}.landing-page .spellbook-link:hover{transform:translateY(-2px);box-shadow:0 18px 35px #0000004d}.landing-page .features-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff08,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.landing-page .section-title{font-family:Crimson Pro,serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#fff,var(--lp-magic-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.landing-page .feature-card{position:relative;border-radius:24px;overflow:hidden;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.landing-page .feature-card.visible{opacity:1;transform:translateY(0)}.landing-page .feature-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7c3aed33,#ec489933,#14b8a633);opacity:0;transition:opacity .3s ease}.landing-page .feature-card:hover .feature-card-glow{opacity:1}.landing-page .feature-card-content{position:relative;z-index:1;padding:28px;background:#fffffff2;border-radius:24px;border:1px solid rgba(124,58,237,.1);height:100%;transition:all .3s ease}.landing-page .feature-card:hover .feature-card-content{transform:translateY(-4px);box-shadow:0 20px 40px #00000026;border-color:var(--lp-magic-purple)}.landing-page .feature-icon{position:relative;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--lp-magic-purple) 0%,var(--lp-fairy-pink) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;transition:transform .3s ease}.landing-page .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.landing-page .feature-icon-sparkle{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--lp-magic-gold);border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease}.landing-page .feature-card:hover .feature-icon-sparkle{opacity:1;transform:scale(1)}.landing-page .pricing-section{position:relative;padding:100px 0;overflow:hidden}.landing-page .pricing-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7c3aed1a,#ec48990d,#14b8a61a)}.landing-page .pricing-subtitle{text-align:center;font-size:1.1rem;color:#ffffffb3;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.landing-page .plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:80px}.landing-page .plan-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px 24px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.landing-page .plan-card:hover{transform:translateY(-8px);border-color:#ffffff4d}.landing-page .plan-card-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:.3;transition:opacity .3s ease}.landing-page .plan-card:hover .plan-card-glow{opacity:.5}.landing-page .plan-card-glow.starter{background:var(--lp-enchanted-teal)}.landing-page .plan-card-glow.standard{background:var(--lp-magic-purple)}.landing-page .plan-card-glow.professional{background:var(--lp-magic-gold)}.landing-page .popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--lp-magic-purple),var(--lp-fairy-pink));color:#fff;font-size:.75rem;font-weight:700;padding:6px 20px;border-radius:0 0 12px 12px;text-transform:uppercase;letter-spacing:1px}.landing-page .plan-card.popular{border-color:var(--lp-magic-purple);transform:scale(1.02)}.landing-page .plan-card.popular:hover{transform:scale(1.02) translateY(-8px)}.landing-page .plan-badge{display:inline-block;font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:20px}.landing-page .plan-badge.starter{background:#14b8a633;color:var(--lp-enchanted-teal)}.landing-page .plan-badge.standard{background:#7c3aed33;color:#a78bfa}.landing-page .plan-badge.professional{background:#fbbf2433;color:var(--lp-magic-gold)}.landing-page .plan-price{margin-bottom:16px}.landing-page .price-currency{font-size:1.5rem;font-weight:600;color:#fff9;vertical-align:top}.landing-page .price-amount{font-family:Crimson Pro,serif;font-size:3rem;font-weight:700;color:#fff;line-height:1}.landing-page .price-period{font-size:.9rem;color:#ffffff80}.landing-page .plan-description{font-size:.95rem;color:#fff9;margin-bottom:24px;line-height:1.5}.landing-page .plan-features{list-style:none;padding:0;margin:0}.landing-page .plan-features li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#fffc;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.landing-page .plan-features li:last-child{border-bottom:none}.landing-page .plan-features .feature-icon{font-size:1rem;width:auto;height:auto;background:none;margin-bottom:0}.landing-page .comparison-table-wrapper{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.1)}.landing-page .comparison-title{font-family:Crimson Pro,serif;font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:32px;color:#fff}.landing-page .comparison-table{overflow-x:auto}.landing-page .comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:16px;position:sticky;top:0;background:transparent}.landing-page .comparison-header .comparison-feature-name{font-weight:600;color:#ffffff80;font-size:.85rem}.landing-page .comparison-plan{text-align:center;font-weight:700;font-size:.85rem;padding:8px 12px;border-radius:8px}.landing-page .comparison-plan.starter{background:#14b8a633;color:var(--lp-enchanted-teal)}.landing-page .comparison-plan.standard{background:#7c3aed33;color:#a78bfa}.landing-page .comparison-plan.professional{background:#fbbf2433;color:var(--lp-magic-gold)}.landing-page .comparison-category{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:#fff;padding:12px 0;margin-top:8px;border-top:1px solid rgba(255,255,255,.05)}.landing-page .category-icon{font-size:1.1rem}.landing-page .comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s ease}.landing-page .comparison-row:hover{background:#ffffff05}.landing-page .comparison-row .comparison-feature-name{font-size:.85rem;color:#ffffffb3;padding-left:24px}.landing-page .comparison-value{text-align:center;font-size:.85rem;color:#fffc;display:flex;align-items:center;justify-content:center}.landing-page .comparison-value.highlight{color:#a78bfa;font-weight:600}.landing-page .comparison-value.gold{color:var(--lp-magic-gold);font-weight:700}.landing-page .icon-yes{color:#22c55e;font-size:1.1rem;font-weight:700}.landing-page .icon-no{color:#fff3;font-size:1rem}.landing-page .cta-section{position:relative;padding:100px 0;overflow:hidden}.landing-page .cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);pointer-events:none}.landing-page .cta-icon{width:80px;height:80px;margin:0 auto 32px;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d,0 0 40px #fbbf2433;animation:lp-cta-pulse 3s ease-in-out infinite}@keyframes lp-cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.landing-page .cta-title{font-family:Crimson Pro,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,var(--lp-magic-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page .cta-subtitle{font-size:1.1rem;color:#fffc;margin-bottom:32px}.landing-page .landing-footer{position:relative;padding:48px 0;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.landing-page .footer-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(124,58,237,.15) 0%,transparent 70%);pointer-events:none}.landing-page .footer-logo{width:40px;height:40px;border-radius:10px;overflow:hidden;box-shadow:0 0 20px #fbbf244d}.landing-page .footer-brand{font-family:Crimson Pro,serif;font-size:1.25rem;font-weight:600;color:var(--lp-magic-gold-light)}.landing-page .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.landing-page .footer-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s ease;position:relative}.landing-page .footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--lp-magic-gold);transition:width .3s ease}.landing-page .footer-link:hover{color:var(--lp-magic-gold)}.landing-page .footer-link:hover:after{width:100%}.landing-page .footer-copyright{margin-top:32px;text-align:center;font-size:.85rem;color:#fff6}@media(max-width:768px){.landing-page .hero-section{padding:60px 0 80px;min-height:auto}.landing-page .hero-icon{width:120px;height:120px}.landing-page .hero-icon-ring.ring-1{top:-15px;right:-15px;bottom:-15px;left:-15px}.landing-page .hero-icon-ring.ring-2{top:-30px;right:-30px;bottom:-30px;left:-30px}.landing-page .hero-icon-ring.ring-3{top:-45px;right:-45px;bottom:-45px;left:-45px}.landing-page .hero-sparkle{transform:rotate(var(--rotation)) translateY(-50px)!important}.landing-page .features-section{padding:60px 0}.landing-page .features-grid{grid-template-columns:1fr}.landing-page .stats-container{gap:16px}.landing-page .stat-item{padding:8px 16px}.landing-page .download-btn{width:100%;max-width:300px}.landing-page .decoration-book,.landing-page .scroll-indicator{display:none}.landing-page .pricing-section{padding:60px 0}.landing-page .plan-cards{grid-template-columns:1fr;gap:20px}.landing-page .plan-card.popular{transform:none;order:-1}.landing-page .plan-card.popular:hover{transform:translateY(-8px)}.landing-page .comparison-table-wrapper{padding:20px;margin:0 -10px;border-radius:16px}.landing-page .comparison-header,.landing-page .comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4px}.landing-page .comparison-row .comparison-feature-name{padding-left:8px;font-size:.75rem}.landing-page .comparison-plan{font-size:.7rem;padding:6px 4px}.landing-page .comparison-value{font-size:.75rem}.landing-page .comparison-category{font-size:.8rem}.landing-page .price-amount{font-size:2.5rem}}@media(prefers-color-scheme:dark){.landing-page .feature-card-content{background:#1e1b4bf2}.landing-page .feature-card-content h3{color:#fff}.landing-page .feature-card-content p{color:#ffffffb3}}.blog-header{position:sticky;top:0;z-index:100;background:#1e1b4bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.blog-header-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.blog-header-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.blog-header-icon{width:40px;height:40px;border-radius:10px;box-shadow:0 0 12px #d4af3740;object-fit:cover}.blog-header-brand{font-family:Crimson Pro,Georgia,serif;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,wheat,#daa520);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.blog-header-download{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;box-shadow:0 2px 8px #7c3aed4d}.blog-header-download:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:480px){.blog-header-inner{padding:10px 16px}.blog-header-icon{width:34px;height:34px}.blog-header-brand{font-size:1.05rem}.blog-header-download{padding:7px 14px;font-size:.8rem}}.blog-page{--bp-magic-purple: #7c3aed;--bp-magic-purple-dark: #5b21b6;--bp-magic-gold: #fbbf24;--bp-magic-gold-light: #fde68a;--bp-enchanted-teal: #14b8a6;--bp-fairy-pink: #ec4899;--bp-parchment: #fdf4e3;--bp-ink-dark: #1e1b4b;--bp-shadow-purple: rgba(124, 58, 237, .35);min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 70%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;position:relative;overflow-x:hidden}.blog-page .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.blog-page .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:bp-float-orb 18s ease-in-out infinite}.blog-page .orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--bp-magic-purple) 0%,transparent 70%);top:-200px;left:-140px}.blog-page .orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--bp-fairy-pink) 0%,transparent 70%);top:40%;right:-180px;animation-delay:-6s}.blog-page .orb-3{width:380px;height:380px;background:radial-gradient(circle,var(--bp-enchanted-teal) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-12s}@keyframes bp-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.blog-page .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60px 130px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 160px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 200px 120px,rgba(255,255,255,.8),transparent);background-size:320px 320px;animation:bp-twinkle 4s ease-in-out infinite}@keyframes bp-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.blog-page .content-shell{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:80px 24px 120px}.blog-page .hero{text-align:center;margin-bottom:40px}.blog-page .auth-bar{margin:18px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.blog-page .auth-label{font-size:.9rem;color:#fffc}.blog-page .auth-button{border:none;background:#fff;color:#1e1b4b;padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #0003;transition:transform .2s ease,box-shadow .2s ease}.blog-page .auth-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000042}.blog-page .notice-pill{position:fixed;bottom:24px;right:24px;z-index:5;display:inline-block;background:linear-gradient(135deg,#fbbf24,#f472b6 45%,#14b8a6);border:2px solid rgba(255,255,255,.6);color:#1e1b4b;padding:12px 18px;border-radius:16px;font-size:.95rem;font-weight:700;letter-spacing:.01em;box-shadow:0 18px 40px #00000059,0 0 32px #fbbf2473;animation:toast-pop .32s ease-out,toast-glow 2.2s ease-in-out infinite}.blog-page .notice-pill:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px;border:1px dashed rgba(255,255,255,.35);opacity:.65;pointer-events:none}@keyframes toast-pop{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toast-glow{0%,to{box-shadow:0 18px 40px #00000059,0 0 28px #fbbf2459}50%{box-shadow:0 22px 48px #00000061,0 0 40px #14b8a673}}.blog-page .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;font-weight:600;letter-spacing:.02em}.blog-page .hero-title{font-family:Crimson Pro,serif;font-size:clamp(2.2rem,3.5vw,3.4rem);margin:18px 0 10px;text-shadow:0 10px 30px rgba(0,0,0,.35)}.blog-page .hero-subtitle{font-size:1.05rem;color:#ffffffd9}.blog-page .expression-card{margin-top:28px;background:#fdf4e3f2;color:var(--bp-ink-dark);border-radius:20px;border:2px solid rgba(30,27,75,.9);box-shadow:0 20px 50px #0e0a2459;padding:24px}.blog-page .expression-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e1b4ba6}.blog-page .expression-ko{font-family:Crimson Pro,serif;font-size:1.8rem;margin:6px 0 4px;-webkit-user-select:text;user-select:text}.blog-page .expression-row,.blog-page .example-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-page .audio-button{border:none;min-width:40px;height:32px;padding:0 10px;border-radius:999px;background:#7c3aed26;color:#4c1d95;font-weight:700;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 12px #7c3aed33}.blog-page .audio-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #7c3aed4d}.blog-page .word-chip{display:inline-block;border:none;background:#7c3aed14;color:#4c1d95;padding:2px 6px;margin:0 2px;border-radius:8px;font-weight:600;cursor:pointer;-webkit-user-select:text;user-select:text}.blog-page .word-chip.saved{background:#14b8a633;color:#0f766e}.blog-page .expression-en{font-size:1rem;color:#1e1b4bbf}.blog-page .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.blog-page .tag-pill{background:#7c3aed1f;color:#4c1d95;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid rgba(124,58,237,.2)}.blog-page .post-card{background:#fdf4e3f5;color:var(--bp-ink-dark);border-radius:26px;border:2px solid rgba(30,27,75,.9);box-shadow:0 22px 60px #0e0a2466;padding:32px;margin-top:28px}.blog-page .section{padding:18px 0;border-bottom:1px dashed rgba(30,27,75,.2)}.blog-page .section:last-child{border-bottom:none}.blog-page .section-title{font-family:Crimson Pro,serif;font-size:1.5rem;margin-bottom:10px}.blog-page .section-subtitle{font-weight:700;margin-top:14px}.blog-page .section-text{line-height:1.7;color:#1e1b4bd9}.blog-page .examples{display:grid;gap:16px}.blog-page .example-card{background:#ffffffb3;border-radius:18px;padding:16px 18px;border:1px solid rgba(30,27,75,.15)}.blog-page .example-ko{font-weight:700;font-size:1.05rem;-webkit-user-select:text;user-select:text}.blog-page .example-roman{color:#1e1b4ba6;font-style:italic;margin:4px 0}.blog-page .example-en{color:#1e1b4be6}.blog-page .share-section{margin-top:32px;text-align:center;padding:20px 24px;border:1px dashed rgba(255,255,255,.3);border-radius:16px;background:#ffffff0a}.blog-page .share-label{margin:0 0 12px;font-size:.95rem;color:#ffffffbf}.blog-page .share-button{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;background:transparent;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.blog-page .share-button:hover{background:#ffffff1a;transform:translateY(-1px)}.blog-page .share-button:active{transform:translateY(0)}.blog-page .share-icon{font-size:1.1rem}.blog-page .callout{margin-top:32px;background:linear-gradient(135deg,#7c3aed26,#14b8a626);border:1px solid rgba(255,255,255,.35);border-radius:22px;padding:24px;text-align:center;color:#fff}.blog-page .callout-question{margin-top:18px;font-size:1rem;color:#ffffffd9}.blog-page .cta-button{display:inline-block;margin-top:12px;padding:12px 20px;border-radius:999px;background:#fff;color:#1e1b4b;font-weight:700;text-decoration:none;box-shadow:0 14px 25px #00000040;transition:transform .2s ease,box-shadow .2s ease}.blog-page .cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #0000004d}.blog-page .saved-words-cta{margin-top:24px;text-align:center}.blog-page .store-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:16px;font-weight:700;font-size:1rem;text-decoration:none;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border:2px solid rgba(255,255,255,.12);box-shadow:0 16px 36px #00000059;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-page .store-button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000073,0 0 24px #ffffff2e;border-color:#ffffff4d}.blog-page .store-button-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s ease}.blog-page .store-button:hover .store-button-glow{transform:translate(100%)}.blog-page .status-card{margin:120px auto 0;max-width:520px;text-align:center;background:#fdf4e3f2;color:var(--bp-ink-dark);border-radius:20px;border:2px solid rgba(30,27,75,.9);padding:28px}@media(max-width:640px){.blog-page .content-shell{padding:64px 16px 100px}.blog-page .post-card{padding:24px}}.blog-index{--bi-magic-purple: #7c3aed;--bi-magic-purple-dark: #5b21b6;--bi-magic-gold: #fbbf24;--bi-magic-gold-light: #fde68a;--bi-enchanted-teal: #14b8a6;--bi-fairy-pink: #ec4899;--bi-parchment: #fdf4e3;--bi-ink-dark: #1e1b4b;--bi-shadow-purple: rgba(124, 58, 237, .3);min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 60%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;position:relative;overflow:hidden}.blog-index .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.blog-index .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6;animation:bi-float-orb 18s ease-in-out infinite}.blog-index .orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--bi-magic-purple) 0%,transparent 70%);top:-180px;left:-160px}.blog-index .orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--bi-fairy-pink) 0%,transparent 70%);top:45%;right:-140px;animation-delay:-7s}.blog-index .orb-3{width:380px;height:380px;background:radial-gradient(circle,var(--bi-enchanted-teal) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-12s}@keyframes bi-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.blog-index .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent);background-size:360px 360px;animation:bi-twinkle 4s ease-in-out infinite}@keyframes bi-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.blog-index .index-shell{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px 120px}.blog-index .index-hero{text-align:center;margin-bottom:40px}.blog-index .hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.blog-index .index-hero h1{font-family:Crimson Pro,serif;font-size:clamp(2.4rem,3.2vw,3.6rem);margin:0 0 12px}.blog-index .index-hero p{margin:0 auto;max-width:640px;color:#ffffffd9;font-size:1.05rem;line-height:1.6}.blog-index .search-panel{background:#1e1b4b8c;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px;box-shadow:0 20px 40px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.blog-index .search-input{width:100%;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.blog-index .search-input::placeholder{color:#ffffffa6}.blog-index .search-input:focus{border-color:var(--bi-magic-gold-light);box-shadow:0 0 0 3px #fbbf2433}.blog-index .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.blog-index .tag-button{border:none;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;background:#ffffff26;color:#fff;transition:transform .2s ease,background .2s ease}.blog-index .tag-button:hover{transform:translateY(-1px);background:#ffffff40}.blog-index .tag-button.active{background:linear-gradient(135deg,var(--bi-magic-gold) 0%,var(--bi-magic-gold-light) 100%);color:#2b1f4b}.blog-index .result-row{margin:20px 0 10px;font-size:.95rem;color:#ffffffbf}.blog-index .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.blog-index .card-link{text-decoration:none;color:inherit}.blog-index .card{background:#fdf4e3eb;color:var(--bi-ink-dark);border-radius:20px;padding:20px;min-height:240px;box-shadow:0 18px 35px #00000040;border:1px solid rgba(30,27,75,.15);transition:transform .2s ease,box-shadow .2s ease}.blog-index .card:hover{transform:translateY(-4px);box-shadow:0 24px 40px #00000052}.blog-index .card-title{font-family:Crimson Pro,serif;font-size:1.2rem;margin-bottom:8px}.blog-index .card-expression{font-weight:700;color:#4c1d95;margin-bottom:4px}.blog-index .card-translation{font-size:.95rem;color:#1e1b4bd9;margin-bottom:12px}.blog-index .card-excerpt{font-size:.9rem;color:#1e1b4bbf;line-height:1.5}.blog-index .card-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.blog-index .tag-pill{padding:4px 8px;border-radius:999px;background:#7c3aed1f;color:#4c1d95;font-size:.75rem;font-weight:600}.blog-index .load-more{display:flex;justify-content:center;margin-top:28px}.blog-index .load-more-button{border:none;padding:12px 24px;border-radius:999px;font-weight:700;background:#fff;color:#1e1b4b;cursor:pointer;box-shadow:0 14px 26px #00000040;transition:transform .2s ease,box-shadow .2s ease}.blog-index .load-more-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00000052}@media(max-width:720px){.blog-index .index-shell{padding:64px 16px 96px}.blog-index .search-panel{padding:18px}.blog-index .card{min-height:unset}}.lk-index{--lki-magic-purple: #7c3aed;--lki-magic-purple-dark: #5b21b6;--lki-accent-teal: #2dd4bf;--lki-accent-teal-light: #99f6e4;--lki-accent-cyan: #22d3ee;--lki-fairy-pink: #ec4899;--lki-parchment: #fdf4e3;--lki-ink-dark: #1e1b4b;--lki-amber: #f59e0b;min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 60%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;position:relative;overflow:hidden}.lk-index .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.lk-index .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6;animation:lki-float-orb 18s ease-in-out infinite}.lk-index .orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--lki-magic-purple) 0%,transparent 70%);top:-180px;left:-160px}.lk-index .orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--lki-accent-teal) 0%,transparent 70%);top:45%;right:-140px;animation-delay:-7s}.lk-index .orb-3{width:380px;height:380px;background:radial-gradient(circle,var(--lki-fairy-pink) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-12s}@keyframes lki-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.lk-index .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent);background-size:360px 360px;animation:lki-twinkle 4s ease-in-out infinite}@keyframes lki-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.lk-index .index-shell{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px 120px}.lk-index .index-hero{text-align:center;margin-bottom:40px}.lk-index .hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:999px;background:#2dd4bf33;border:1px solid rgba(45,212,191,.4);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;color:var(--lki-accent-teal-light)}.lk-index .index-hero h1{font-family:Crimson Pro,serif;font-size:clamp(2.4rem,3.2vw,3.6rem);margin:0 0 12px}.lk-index .index-hero p{margin:0 auto;max-width:640px;color:#ffffffd9;font-size:1.05rem;line-height:1.6}.lk-index .featured-section{margin-bottom:48px}.lk-index .featured-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--lki-accent-teal);margin-bottom:16px}.lk-index .featured-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}.lk-index .featured-scroll::-webkit-scrollbar{height:4px}.lk-index .featured-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.lk-index .featured-scroll::-webkit-scrollbar-thumb{background:#2dd4bf66;border-radius:4px}.lk-index .featured-link{text-decoration:none;color:inherit;flex-shrink:0;scroll-snap-align:start}.lk-index .guide-card{width:280px;background:#fdf4e3f2;color:var(--lki-ink-dark);border-radius:20px;padding:20px;min-height:200px;border-left:4px solid var(--lki-accent-teal);box-shadow:0 18px 35px #00000040;transition:transform .2s ease,box-shadow .2s ease}.lk-index .guide-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px #00000052}.lk-index .guide-step{display:inline-block;padding:3px 10px;border-radius:999px;background:#2dd4bf26;color:#0d9488;font-size:.75rem;font-weight:700;margin-bottom:10px}.lk-index .guide-title{font-family:Crimson Pro,serif;font-size:1.15rem;margin-bottom:8px;line-height:1.3}.lk-index .guide-subtitle{font-size:.88rem;color:#1e1b4bb3;line-height:1.5}.lk-index .search-panel{background:#1e1b4b8c;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px;box-shadow:0 20px 40px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lk-index .search-input{width:100%;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.lk-index .search-input::placeholder{color:#ffffffa6}.lk-index .search-input:focus{border-color:var(--lki-accent-teal-light);box-shadow:0 0 0 3px #2dd4bf33}.lk-index .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lk-index .tag-button{border:none;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;background:#ffffff26;color:#fff;transition:transform .2s ease,background .2s ease}.lk-index .tag-button:hover{transform:translateY(-1px);background:#ffffff40}.lk-index .tag-button.active{background:linear-gradient(135deg,var(--lki-accent-teal) 0%,var(--lki-accent-teal-light) 100%);color:#1e1b4b}.lk-index .result-row{margin:20px 0 10px;font-size:.95rem;color:#ffffffbf}.lk-index .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.lk-index .card-link{text-decoration:none;color:inherit}.lk-index .card{background:#fdf4e3eb;color:var(--lki-ink-dark);border-radius:20px;padding:20px;min-height:220px;box-shadow:0 18px 35px #00000040;border:1px solid rgba(30,27,75,.15);transition:transform .2s ease,box-shadow .2s ease}.lk-index .card:hover{transform:translateY(-4px);box-shadow:0 24px 40px #00000052}.lk-index .card-title{font-family:Crimson Pro,serif;font-size:1.15rem;margin-bottom:8px;line-height:1.3}.lk-index .card-difficulty{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}.lk-index .card-difficulty.beginner{background:#22c55e26;color:#15803d}.lk-index .card-difficulty.intermediate{background:#f59e0b26;color:#b45309}.lk-index .card-difficulty.advanced{background:#ef444426;color:#b91c1c}.lk-index .card-subtitle{font-size:.9rem;color:#1e1b4bbf;line-height:1.5;margin-bottom:12px}.lk-index .card-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.lk-index .tag-pill{padding:4px 8px;border-radius:999px;background:#2dd4bf1f;color:#0d9488;font-size:.75rem;font-weight:600}.lk-index .load-more{display:flex;justify-content:center;margin-top:28px}.lk-index .load-more-button{border:none;padding:12px 24px;border-radius:999px;font-weight:700;background:#fff;color:#1e1b4b;cursor:pointer;box-shadow:0 14px 26px #00000040;transition:transform .2s ease,box-shadow .2s ease}.lk-index .load-more-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00000052}@media(max-width:720px){.lk-index .index-shell{padding:64px 16px 96px}.lk-index .search-panel{padding:18px}.lk-index .card{min-height:unset}.lk-index .guide-card{width:240px;min-height:unset}}.lk-post{--lkp-magic-purple: #7c3aed;--lkp-magic-purple-dark: #5b21b6;--lkp-accent-teal: #2dd4bf;--lkp-accent-teal-light: #99f6e4;--lkp-fairy-pink: #ec4899;--lkp-parchment: #fdf4e3;--lkp-ink-dark: #1e1b4b;--lkp-correct: #22c55e;--lkp-wrong: #ef4444;min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 70%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;position:relative;overflow-x:hidden}.lk-post .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.lk-post .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:lkp-float-orb 18s ease-in-out infinite}.lk-post .orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--lkp-magic-purple) 0%,transparent 70%);top:-200px;left:-140px}.lk-post .orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--lkp-accent-teal) 0%,transparent 70%);top:40%;right:-180px;animation-delay:-6s}.lk-post .orb-3{width:380px;height:380px;background:radial-gradient(circle,var(--lkp-fairy-pink) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-12s}@keyframes lkp-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.lk-post .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60px 130px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 160px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 200px 120px,rgba(255,255,255,.8),transparent);background-size:320px 320px;animation:lkp-twinkle 4s ease-in-out infinite}@keyframes lkp-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.lk-post .content-shell{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:80px 24px 120px}.lk-post .hero{text-align:center;margin-bottom:40px}.lk-post .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(45,212,191,.4);background:#2dd4bf26;font-weight:600;letter-spacing:.02em;color:var(--lkp-accent-teal-light)}.lk-post .hero-title{font-family:Crimson Pro,serif;font-size:clamp(2.2rem,3.5vw,3.4rem);margin:18px 0 10px;text-shadow:0 10px 30px rgba(0,0,0,.35)}.lk-post .hero-subtitle{font-size:1.05rem;color:#ffffffd9}.lk-post .difficulty-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-top:12px}.lk-post .difficulty-badge.beginner{background:#22c55e33;color:#86efac}.lk-post .difficulty-badge.intermediate{background:#f59e0b33;color:#fcd34d}.lk-post .difficulty-badge.advanced{background:#ef444433;color:#fca5a5}.lk-post .auth-bar{margin:18px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.lk-post .auth-label{font-size:.9rem;color:#fffc}.lk-post .auth-button{border:none;background:#fff;color:#1e1b4b;padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #0003;transition:transform .2s ease,box-shadow .2s ease}.lk-post .auth-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000042}.lk-post .notice-pill{position:fixed;bottom:24px;right:24px;z-index:5;display:inline-block;background:linear-gradient(135deg,#2dd4bf,#22d3ee 45%,#7c3aed);border:2px solid rgba(255,255,255,.6);color:#1e1b4b;padding:12px 18px;border-radius:16px;font-size:.95rem;font-weight:700;box-shadow:0 18px 40px #00000059,0 0 32px #2dd4bf73;animation:lkp-toast-pop .32s ease-out,lkp-toast-glow 2.2s ease-in-out infinite}.lk-post .notice-pill:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px;border:1px dashed rgba(255,255,255,.35);opacity:.65;pointer-events:none}@keyframes lkp-toast-pop{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes lkp-toast-glow{0%,to{box-shadow:0 18px 40px #00000059,0 0 28px #2dd4bf59}50%{box-shadow:0 22px 48px #00000061,0 0 40px #7c3aed73}}.lk-post .post-card{background:#fdf4e3f5;color:var(--lkp-ink-dark);border-radius:26px;border:2px solid rgba(30,27,75,.9);box-shadow:0 22px 60px #0e0a2466;padding:32px;margin-top:28px}.lk-post .section{padding:18px 0;border-bottom:1px dashed rgba(30,27,75,.2)}.lk-post .section:last-child{border-bottom:none}.lk-post .section-title{font-family:Crimson Pro,serif;font-size:1.5rem;margin-bottom:10px}.lk-post .section-text{line-height:1.7;color:#1e1b4bd9}.lk-post .section-tip{margin-top:12px;padding:12px 16px;border-radius:14px;background:#2dd4bf14;border-left:3px solid var(--lkp-accent-teal);font-size:.95rem;color:#1e1b4bcc}.lk-post .examples{display:grid;gap:16px}.lk-post .example-card{background:#ffffffb3;border-radius:18px;padding:16px 18px;border:1px solid rgba(30,27,75,.15)}.lk-post .example-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.lk-post .example-ko{font-weight:700;font-size:1.05rem;-webkit-user-select:text;user-select:text}.lk-post .example-roman{color:#1e1b4ba6;font-style:italic;margin:4px 0}.lk-post .example-en{color:#1e1b4be6}.lk-post .example-note{margin-top:6px;font-size:.88rem;color:#1e1b4b99;font-style:italic}.lk-post .audio-button{border:none;min-width:40px;height:32px;padding:0 10px;border-radius:999px;background:#2dd4bf26;color:#0d9488;font-weight:700;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 12px #2dd4bf33}.lk-post .audio-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2dd4bf4d}.lk-post .word-chip{display:inline-block;border:none;background:#2dd4bf14;color:#0d9488;padding:2px 6px;margin:0 2px;border-radius:8px;font-weight:600;cursor:pointer;-webkit-user-select:text;user-select:text}.lk-post .word-chip.saved{background:#7c3aed26;color:#5b21b6}.lk-post .mistake-card{background:#ffffffbf;border-radius:18px;padding:18px;margin-bottom:16px;border:1px solid rgba(30,27,75,.12)}.lk-post .mistake-wrong{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);margin-bottom:10px}.lk-post .mistake-wrong-icon{color:var(--lkp-wrong);font-weight:700;font-size:1.2rem;flex-shrink:0}.lk-post .mistake-correct{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.lk-post .mistake-correct-icon{color:var(--lkp-correct);font-weight:700;font-size:1.2rem;flex-shrink:0}.lk-post .mistake-text-ko{font-weight:700;font-size:1rem}.lk-post .mistake-text-roman{font-size:.85rem;color:#1e1b4b8c;font-style:italic}.lk-post .mistake-explanation{margin-top:10px;font-size:.92rem;color:#1e1b4bbf;line-height:1.5}.lk-post .quiz-card{background:#ffffffbf;border-radius:18px;padding:20px;margin-bottom:16px;border:1px solid rgba(30,27,75,.12)}.lk-post .quiz-question{font-weight:700;font-size:1.05rem;margin-bottom:14px}.lk-post .quiz-options{display:grid;gap:8px}.lk-post .quiz-option{border:1px solid rgba(30,27,75,.2);background:#fff9;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600;transition:background .2s ease,border-color .2s ease}.lk-post .quiz-option:hover{background:#2dd4bf14;border-color:#2dd4bf4d}.lk-post .quiz-option.correct{background:#22c55e26;border-color:var(--lkp-correct)}.lk-post .quiz-option.wrong{background:#ef44441a;border-color:var(--lkp-wrong)}.lk-post .quiz-option.disabled{pointer-events:none;opacity:.7}.lk-post .quiz-explanation{margin-top:12px;padding:12px 16px;border-radius:12px;background:#2dd4bf0f;border-left:3px solid var(--lkp-accent-teal);font-size:.92rem;color:#1e1b4bcc;line-height:1.5}.lk-post .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.lk-post .tag-pill{background:#2dd4bf1f;color:#0d9488;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid rgba(45,212,191,.2)}.lk-post .related-section{margin-top:32px}.lk-post .related-title{font-family:Crimson Pro,serif;font-size:1.4rem;margin-bottom:16px;color:#fff}.lk-post .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.lk-post .related-link{text-decoration:none;color:inherit}.lk-post .related-card{background:#fdf4e3eb;color:var(--lkp-ink-dark);border-radius:16px;padding:16px;box-shadow:0 14px 28px #0003;transition:transform .2s ease}.lk-post .related-card:hover{transform:translateY(-3px)}.lk-post .related-card-title{font-family:Crimson Pro,serif;font-size:1rem;line-height:1.3}.lk-post .share-section{margin-top:32px;text-align:center;padding:20px 24px;border:1px dashed rgba(255,255,255,.3);border-radius:16px;background:#ffffff0a}.lk-post .share-label{margin:0 0 12px;font-size:.95rem;color:#ffffffbf}.lk-post .share-button{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;background:transparent;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.lk-post .share-button:hover{background:#ffffff1a;transform:translateY(-1px)}.lk-post .share-button:active{transform:translateY(0)}.lk-post .share-icon{font-size:1.1rem}.lk-post .callout{margin-top:32px;background:linear-gradient(135deg,#2dd4bf26,#7c3aed26);border:1px solid rgba(255,255,255,.35);border-radius:22px;padding:24px;text-align:center;color:#fff}.lk-post .callout-question{margin-top:18px;font-size:1rem;color:#ffffffd9}.lk-post .cta-button{display:inline-block;margin-top:12px;padding:12px 20px;border-radius:999px;background:#fff;color:#1e1b4b;font-weight:700;text-decoration:none;box-shadow:0 14px 25px #00000040;transition:transform .2s ease,box-shadow .2s ease}.lk-post .cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #0000004d}.lk-post .back-link{display:inline-flex;align-items:center;gap:6px;margin-top:24px;color:var(--lkp-accent-teal-light);text-decoration:none;font-weight:600;transition:opacity .2s ease}.lk-post .back-link:hover{opacity:.8}.lk-post .saved-words-cta{margin-top:24px;text-align:center}.lk-post .store-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:16px;font-weight:700;font-size:1rem;text-decoration:none;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border:2px solid rgba(255,255,255,.12);box-shadow:0 16px 36px #00000059;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.lk-post .store-button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000073,0 0 24px #ffffff2e;border-color:#ffffff4d}.lk-post .store-button-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s ease}.lk-post .store-button:hover .store-button-glow{transform:translate(100%)}.lk-post .status-card{margin:120px auto 0;max-width:520px;text-align:center;background:#fdf4e3f2;color:var(--lkp-ink-dark);border-radius:20px;border:2px solid rgba(30,27,75,.9);padding:28px}.lk-post .quiz-result{margin-top:20px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#2dd4bf1a,#7c3aed1a);border:1px solid rgba(45,212,191,.25);text-align:center}.lk-post .quiz-score{font-family:Crimson Pro,serif;font-size:1.4rem;font-weight:700;color:var(--lkp-ink-dark)}.lk-post .quiz-app-cta{margin-top:14px}.lk-post .quiz-app-cta p{font-size:.95rem;color:#1e1b4bbf;margin-bottom:10px}.lk-post .quiz-app-cta .cta-button{background:linear-gradient(135deg,var(--lkp-magic-purple),var(--lkp-magic-purple-dark));color:#fff;font-size:.95rem}.lk-post .cta-module-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;border-radius:999px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);color:#fffffff2;font-size:.85rem;font-weight:600}.lk-post .saved-words-floating{position:fixed;bottom:0;left:0;right:0;z-index:4;padding:14px 20px;background:linear-gradient(135deg,#7c3aedf2,#5b21b6f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.2);text-align:center;animation:lkp-slide-up .3s ease-out}.lk-post .saved-words-floating a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}@keyframes lkp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:640px){.lk-post .content-shell{padding:64px 16px 100px}.lk-post .post-card{padding:24px}.lk-post .mistake-card{padding:14px}}.le-index{--lei-magic-purple: #7c3aed;--lei-magic-purple-dark: #5b21b6;--lei-accent-teal: #2dd4bf;--lei-accent-teal-light: #99f6e4;--lei-accent-cyan: #22d3ee;--lei-fairy-pink: #ec4899;--lei-parchment: #fdf4e3;--lei-ink-dark: #1e1b4b;--lei-amber: #f59e0b;min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 60%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;position:relative;overflow:hidden}.le-index .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.le-index .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6;animation:lei-float-orb 18s ease-in-out infinite}.le-index .orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--lei-magic-purple) 0%,transparent 70%);top:-180px;left:-160px}.le-index .orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--lei-accent-teal) 0%,transparent 70%);top:45%;right:-140px;animation-delay:-7s}.le-index .orb-3{width:380px;height:380px;background:radial-gradient(circle,var(--lei-fairy-pink) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-12s}@keyframes lei-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.le-index .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.5),transparent);background-size:360px 360px;animation:lei-twinkle 4s ease-in-out infinite}@keyframes lei-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.le-index .index-shell{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px 120px}.le-index .index-hero{text-align:center;margin-bottom:40px}.le-index .hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:999px;background:#2dd4bf33;border:1px solid rgba(45,212,191,.4);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;color:var(--lei-accent-teal-light)}.le-index .index-hero h1{font-family:Crimson Pro,serif;font-size:clamp(2.4rem,3.2vw,3.6rem);margin:0 0 12px}.le-index .index-hero p{margin:0 auto;max-width:640px;color:#ffffffd9;font-size:1.05rem;line-height:1.6}.le-index .featured-section{margin-bottom:48px}.le-index .featured-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--lei-accent-teal);margin-bottom:16px}.le-index .featured-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}.le-index .featured-scroll::-webkit-scrollbar{height:4px}.le-index .featured-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.le-index .featured-scroll::-webkit-scrollbar-thumb{background:#2dd4bf66;border-radius:4px}.le-index .featured-link{text-decoration:none;color:inherit;flex-shrink:0;scroll-snap-align:start}.le-index .guide-card{width:280px;background:#fdf4e3f2;color:var(--lei-ink-dark);border-radius:20px;padding:20px;min-height:200px;border-left:4px solid var(--lei-accent-teal);box-shadow:0 18px 35px #00000040;transition:transform .2s ease,box-shadow .2s ease}.le-index .guide-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px #00000052}.le-index .guide-step{display:inline-block;padding:3px 10px;border-radius:999px;background:#2dd4bf26;color:#0d9488;font-size:.75rem;font-weight:700;margin-bottom:10px}.le-index .guide-title{font-family:Crimson Pro,serif;font-size:1.15rem;margin-bottom:8px;line-height:1.3}.le-index .guide-subtitle{font-size:.88rem;color:#1e1b4bb3;line-height:1.5}.le-index .search-panel{background:#1e1b4b8c;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px;box-shadow:0 20px 40px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.le-index .search-input{width:100%;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.le-index .search-input::placeholder{color:#ffffffa6}.le-index .search-input:focus{border-color:var(--lei-accent-teal-light);box-shadow:0 0 0 3px #2dd4bf33}.le-index .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.le-index .tag-button{border:none;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;background:#ffffff26;color:#fff;transition:transform .2s ease,background .2s ease}.le-index .tag-button:hover{transform:translateY(-1px);background:#ffffff40}.le-index .tag-button.active{background:linear-gradient(135deg,var(--lei-accent-teal) 0%,var(--lei-accent-teal-light) 100%);color:#1e1b4b}.le-index .result-row{margin:20px 0 10px;font-size:.95rem;color:#ffffffbf}.le-index .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.le-index .card-link{text-decoration:none;color:inherit}.le-index .card{background:#fdf4e3eb;color:var(--lei-ink-dark);border-radius:20px;padding:20px;min-height:220px;box-shadow:0 18px 35px #00000040;border:1px solid rgba(30,27,75,.15);transition:transform .2s ease,box-shadow .2s ease}.le-index .card:hover{transform:translateY(-4px);box-shadow:0 24px 40px #00000052}.le-index .card-title{font-family:Crimson Pro,serif;font-size:1.15rem;margin-bottom:8px;line-height:1.3}.le-index .card-difficulty{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}.le-index .card-difficulty.beginner{background:#22c55e26;color:#15803d}.le-index .card-difficulty.intermediate{background:#f59e0b26;color:#b45309}.le-index .card-difficulty.advanced{background:#ef444426;color:#b91c1c}.le-index .card-subtitle{font-size:.9rem;color:#1e1b4bbf;line-height:1.5;margin-bottom:12px}.le-index .card-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.le-index .tag-pill{padding:4px 8px;border-radius:999px;background:#2dd4bf1f;color:#0d9488;font-size:.75rem;font-weight:600}.le-index .load-more{display:flex;justify-content:center;margin-top:28px}.le-index .load-more-button{border:none;padding:12px 24px;border-radius:999px;font-weight:700;background:#fff;color:#1e1b4b;cursor:pointer;box-shadow:0 14px 26px #00000040;transition:transform .2s ease,box-shadow .2s ease}.le-index .load-more-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00000052}@media(max-width:720px){.le-index .index-shell{padding:64px 16px 96px}.le-index .search-panel{padding:18px}.le-index .card{min-height:unset}.le-index .guide-card{width:240px;min-height:unset}}.le-post{--lep-magic-purple: #7c3aed;--lep-magic-purple-dark: #5b21b6;--lep-accent-teal: #2dd4bf;--lep-accent-teal-light: #99f6e4;--lep-fairy-pink: #ec4899;--lep-parchment: #fdf4e3;--lep-ink-dark: #1e1b4b;--lep-correct: #22c55e;--lep-wrong: #ef4444;min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4c1d95 70%,#5b21b6);font-family:Quicksand,sans-serif;color:#fff;position:relative;overflow-x:hidden}.le-post .magic-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.le-post .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:lep-float-orb 18s ease-in-out infinite}.le-post .orb-1{width:520px;height:520px;background:radial-gradient(circle,var(--lep-magic-purple) 0%,transparent 70%);top:-200px;left:-140px}.le-post .orb-2{width:460px;height:460px;background:radial-gradient(circle,var(--lep-accent-teal) 0%,transparent 70%);top:40%;right:-180px;animation-delay:-6s}.le-post .orb-3{width:380px;height:380px;background:radial-gradient(circle,var(--lep-fairy-pink) 0%,transparent 70%);bottom:-120px;left:30%;animation-delay:-12s}@keyframes lep-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.le-post .stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60px 130px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 160px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 200px 120px,rgba(255,255,255,.8),transparent);background-size:320px 320px;animation:lep-twinkle 4s ease-in-out infinite}@keyframes lep-twinkle{0%,to{opacity:.8}50%{opacity:.4}}.le-post .content-shell{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:80px 24px 120px}.le-post .hero{text-align:center;margin-bottom:40px}.le-post .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(45,212,191,.4);background:#2dd4bf26;font-weight:600;letter-spacing:.02em;color:var(--lep-accent-teal-light)}.le-post .hero-title{font-family:Crimson Pro,serif;font-size:clamp(2.2rem,3.5vw,3.4rem);margin:18px 0 10px;text-shadow:0 10px 30px rgba(0,0,0,.35)}.le-post .hero-subtitle{font-size:1.05rem;color:#ffffffd9}.le-post .difficulty-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-top:12px}.le-post .difficulty-badge.beginner{background:#22c55e33;color:#86efac}.le-post .difficulty-badge.intermediate{background:#f59e0b33;color:#fcd34d}.le-post .difficulty-badge.advanced{background:#ef444433;color:#fca5a5}.le-post .auth-bar{margin:18px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.le-post .auth-label{font-size:.9rem;color:#fffc}.le-post .auth-button{border:none;background:#fff;color:#1e1b4b;padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #0003;transition:transform .2s ease,box-shadow .2s ease}.le-post .auth-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000042}.le-post .notice-pill{position:fixed;bottom:24px;right:24px;z-index:5;display:inline-block;background:linear-gradient(135deg,#2dd4bf,#22d3ee 45%,#7c3aed);border:2px solid rgba(255,255,255,.6);color:#1e1b4b;padding:12px 18px;border-radius:16px;font-size:.95rem;font-weight:700;box-shadow:0 18px 40px #00000059,0 0 32px #2dd4bf73;animation:lep-toast-pop .32s ease-out,lep-toast-glow 2.2s ease-in-out infinite}.le-post .notice-pill:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px;border:1px dashed rgba(255,255,255,.35);opacity:.65;pointer-events:none}@keyframes lep-toast-pop{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes lep-toast-glow{0%,to{box-shadow:0 18px 40px #00000059,0 0 28px #2dd4bf59}50%{box-shadow:0 22px 48px #00000061,0 0 40px #7c3aed73}}.le-post .post-card{background:#fdf4e3f5;color:var(--lep-ink-dark);border-radius:26px;border:2px solid rgba(30,27,75,.9);box-shadow:0 22px 60px #0e0a2466;padding:32px;margin-top:28px}.le-post .section{padding:18px 0;border-bottom:1px dashed rgba(30,27,75,.2)}.le-post .section:last-child{border-bottom:none}.le-post .section-title{font-family:Crimson Pro,serif;font-size:1.5rem;margin-bottom:10px}.le-post .section-text{line-height:1.7;color:#1e1b4bd9}.le-post .section-tip{margin-top:12px;padding:12px 16px;border-radius:14px;background:#2dd4bf14;border-left:3px solid var(--lep-accent-teal);font-size:.95rem;color:#1e1b4bcc}.le-post .examples{display:grid;gap:16px}.le-post .example-card{background:#ffffffb3;border-radius:18px;padding:16px 18px;border:1px solid rgba(30,27,75,.15)}.le-post .example-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.le-post .example-ko{font-weight:700;font-size:1.05rem;-webkit-user-select:text;user-select:text}.le-post .example-roman{color:#1e1b4ba6;font-style:italic;margin:4px 0}.le-post .example-en{color:#1e1b4be6}.le-post .example-note{margin-top:6px;font-size:.88rem;color:#1e1b4b99;font-style:italic}.le-post .audio-button{border:none;min-width:40px;height:32px;padding:0 10px;border-radius:999px;background:#2dd4bf26;color:#0d9488;font-weight:700;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 12px #2dd4bf33}.le-post .audio-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2dd4bf4d}.le-post .word-chip{display:inline-block;border:none;background:#2dd4bf14;color:#0d9488;padding:2px 6px;margin:0 2px;border-radius:8px;font-weight:600;cursor:pointer;-webkit-user-select:text;user-select:text}.le-post .word-chip.saved{background:#7c3aed26;color:#5b21b6}.le-post .mistake-card{background:#ffffffbf;border-radius:18px;padding:18px;margin-bottom:16px;border:1px solid rgba(30,27,75,.12)}.le-post .mistake-wrong{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);margin-bottom:10px}.le-post .mistake-wrong-icon{color:var(--lep-wrong);font-weight:700;font-size:1.2rem;flex-shrink:0}.le-post .mistake-correct{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.le-post .mistake-correct-icon{color:var(--lep-correct);font-weight:700;font-size:1.2rem;flex-shrink:0}.le-post .mistake-text-ko{font-weight:700;font-size:1rem}.le-post .mistake-text-roman{font-size:.85rem;color:#1e1b4b8c;font-style:italic}.le-post .mistake-explanation{margin-top:10px;font-size:.92rem;color:#1e1b4bbf;line-height:1.5}.le-post .quiz-card{background:#ffffffbf;border-radius:18px;padding:20px;margin-bottom:16px;border:1px solid rgba(30,27,75,.12)}.le-post .quiz-question{font-weight:700;font-size:1.05rem;margin-bottom:14px}.le-post .quiz-options{display:grid;gap:8px}.le-post .quiz-option{border:1px solid rgba(30,27,75,.2);background:#fff9;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600;transition:background .2s ease,border-color .2s ease}.le-post .quiz-option:hover{background:#2dd4bf14;border-color:#2dd4bf4d}.le-post .quiz-option.correct{background:#22c55e26;border-color:var(--lep-correct)}.le-post .quiz-option.wrong{background:#ef44441a;border-color:var(--lep-wrong)}.le-post .quiz-option.disabled{pointer-events:none;opacity:.7}.le-post .quiz-explanation{margin-top:12px;padding:12px 16px;border-radius:12px;background:#2dd4bf0f;border-left:3px solid var(--lep-accent-teal);font-size:.92rem;color:#1e1b4bcc;line-height:1.5}.le-post .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.le-post .tag-pill{background:#2dd4bf1f;color:#0d9488;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid rgba(45,212,191,.2)}.le-post .related-section{margin-top:32px}.le-post .related-title{font-family:Crimson Pro,serif;font-size:1.4rem;margin-bottom:16px;color:#fff}.le-post .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.le-post .related-link{text-decoration:none;color:inherit}.le-post .related-card{background:#fdf4e3eb;color:var(--lep-ink-dark);border-radius:16px;padding:16px;box-shadow:0 14px 28px #0003;transition:transform .2s ease}.le-post .related-card:hover{transform:translateY(-3px)}.le-post .related-card-title{font-family:Crimson Pro,serif;font-size:1rem;line-height:1.3}.le-post .share-section{margin-top:32px;text-align:center;padding:20px 24px;border:1px dashed rgba(255,255,255,.3);border-radius:16px;background:#ffffff0a}.le-post .share-label{margin:0 0 12px;font-size:.95rem;color:#ffffffbf}.le-post .share-button{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;background:transparent;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.le-post .share-button:hover{background:#ffffff1a;transform:translateY(-1px)}.le-post .share-button:active{transform:translateY(0)}.le-post .share-icon{font-size:1.1rem}.le-post .callout{margin-top:32px;background:linear-gradient(135deg,#2dd4bf26,#7c3aed26);border:1px solid rgba(255,255,255,.35);border-radius:22px;padding:24px;text-align:center;color:#fff}.le-post .callout-question{margin-top:18px;font-size:1rem;color:#ffffffd9}.le-post .cta-button{display:inline-block;margin-top:12px;padding:12px 20px;border-radius:999px;background:#fff;color:#1e1b4b;font-weight:700;text-decoration:none;box-shadow:0 14px 25px #00000040;transition:transform .2s ease,box-shadow .2s ease}.le-post .cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #0000004d}.le-post .back-link{display:inline-flex;align-items:center;gap:6px;margin-top:24px;color:var(--lep-accent-teal-light);text-decoration:none;font-weight:600;transition:opacity .2s ease}.le-post .back-link:hover{opacity:.8}.le-post .saved-words-cta{margin-top:24px;text-align:center}.le-post .store-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:16px;font-weight:700;font-size:1rem;text-decoration:none;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border:2px solid rgba(255,255,255,.12);box-shadow:0 16px 36px #00000059;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.le-post .store-button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000073,0 0 24px #ffffff2e;border-color:#ffffff4d}.le-post .store-button-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s ease}.le-post .store-button:hover .store-button-glow{transform:translate(100%)}.le-post .status-card{margin:120px auto 0;max-width:520px;text-align:center;background:#fdf4e3f2;color:var(--lep-ink-dark);border-radius:20px;border:2px solid rgba(30,27,75,.9);padding:28px}.le-post .quiz-result{margin-top:20px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#2dd4bf1a,#7c3aed1a);border:1px solid rgba(45,212,191,.25);text-align:center}.le-post .quiz-score{font-family:Crimson Pro,serif;font-size:1.4rem;font-weight:700;color:var(--lep-ink-dark)}.le-post .quiz-app-cta{margin-top:14px}.le-post .quiz-app-cta p{font-size:.95rem;color:#1e1b4bbf;margin-bottom:10px}.le-post .quiz-app-cta .cta-button{background:linear-gradient(135deg,var(--lep-magic-purple),var(--lep-magic-purple-dark));color:#fff;font-size:.95rem}.le-post .cta-module-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;border-radius:999px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);color:#fffffff2;font-size:.85rem;font-weight:600}.le-post .saved-words-floating{position:fixed;bottom:0;left:0;right:0;z-index:4;padding:14px 20px;background:linear-gradient(135deg,#7c3aedf2,#5b21b6f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.2);text-align:center;animation:lep-slide-up .3s ease-out}.le-post .saved-words-floating a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}@keyframes lep-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:640px){.le-post .content-shell{padding:64px 16px 100px}.le-post .post-card{padding:24px}.le-post .mistake-card{padding:14px}}.le-post .quote-banner{background:#2dd4bf14;border:1px solid rgba(45,212,191,.25);border-radius:20px;padding:28px 24px;margin-bottom:24px;text-align:center}.le-post .quote-text{font-family:Crimson Pro,serif;font-size:1.4rem;font-style:italic;line-height:1.6;color:#fffffff2;margin:0 0 12px}.le-post .quote-author{font-size:.95rem;color:#2dd4bfe6;font-weight:600;margin-bottom:12px}.le-post .quote-analysis{font-size:.9rem;color:#ffffffbf;line-height:1.6;text-align:left;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.le-post .mistake-text-en{font-size:1.05rem;line-height:1.4}.le-post .mistake-text-explain{font-size:.85rem;color:#1e1b4b99;margin-top:2px}@keyframes free-roulette-fade-in{0%{opacity:0}to{opacity:1}}@keyframes free-roulette-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes free-roulette-progress-glow{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 16px rgba(251,191,36,.8))}}@keyframes free-roulette-ready-pulse{0%,to{box-shadow:0 0 #fbbf2480}50%{box-shadow:0 0 0 12px #fbbf2400}}.free-roulette-overlay{animation:free-roulette-fade-in .3s ease-out}.free-roulette-content{animation:free-roulette-scale-in .4s cubic-bezier(.34,1.56,.64,1)}.free-roulette-progress-ring{animation:free-roulette-progress-glow 2s ease-in-out infinite}.free-roulette-ready-ring{animation:free-roulette-ready-pulse 1.5s ease-in-out infinite}