[data-theme=ocean]{--bg-gradient-start:#e0f4ff;--bg-gradient-mid:#b8e6ff;--bg-gradient-end:#a0d8f1;--accent:#4a90e2;--accent-light:#7bb3f0;--accent-dark:#2e5f8e;--text-primary:#1a3a52;--text-secondary:#4a6b7c;--text-tertiary:#7a9aab;--glass-bg:#ffffff80;--glass-border:#4a90e247;--glass-shadow:#4a90e226}[data-theme=sakura]{--bg-gradient-start:#ffe5ec;--bg-gradient-mid:#ffc2d4;--bg-gradient-end:#ffb3c6;--accent:#ff6b9d;--accent-light:#ff8fb5;--accent-dark:#d4567e;--text-primary:#2d1b2e;--text-secondary:#5d3b4e;--text-tertiary:#8d6b7e;--glass-bg:#ffffff80;--glass-border:#ff6b9d4d;--glass-shadow:#ff6b9d26}[data-theme=lavender]{--bg-gradient-start:#f3e5f5;--bg-gradient-mid:#e1bee7;--bg-gradient-end:#ce93d8;--accent:#9c27b0;--accent-light:#ba68c8;--accent-dark:#7b1fa2;--text-primary:#4a148c;--text-secondary:#6a2e9c;--text-tertiary:#8a4eac;--glass-bg:#ffffff80;--glass-border:#9c27b047;--glass-shadow:#9c27b026}[data-theme=mint]{--bg-gradient-start:#e8f5e9;--bg-gradient-mid:#c8e6c9;--bg-gradient-end:#a5d6a7;--accent:#4caf50;--accent-light:#81c784;--accent-dark:#388e3c;--text-primary:#1b5e20;--text-secondary:#2e7d32;--text-tertiary:#4e9c42;--glass-bg:#ffffff80;--glass-border:#4caf504d;--glass-shadow:#4caf5026}[data-theme=peach]{--bg-gradient-start:#fff3e0;--bg-gradient-mid:#ffe0b2;--bg-gradient-end:#ffcc80;--accent:#ff9800;--accent-light:#ffb74d;--accent-dark:#f57c00;--text-primary:#e65100;--text-secondary:#ef6c00;--text-tertiary:#f57c00;--glass-bg:#ffffff80;--glass-border:#ff980052;--glass-shadow:#ff980026}[data-theme=crimson]{--bg-gradient-start:#1a0a0f;--bg-gradient-mid:#2d1319;--bg-gradient-end:#3d1a23;--accent:#ff4757;--accent-light:#ff6b7a;--accent-dark:#dc143c;--text-primary:#fff;--text-secondary:#ffe5e8;--text-tertiary:#ffb3ba;--glass-bg:#ff475726;--glass-border:#ff6b7a66;--glass-shadow:#ff47574d}[data-theme=pearl]{--bg-gradient-start:#fff5f8;--bg-gradient-mid:#fff0f8;--bg-gradient-end:#f8f0ff;--accent:#b565b5;--accent-light:#d48fd4;--accent-dark:#8e3f8e;--text-primary:#2a1a2a;--text-secondary:#4a3a4a;--text-tertiary:#6a5a6a;--glass-bg:#ffffff8c;--glass-border:#e8b4e859;--glass-shadow:#b565b526}[data-theme=midnight]{--bg-gradient-start:#000810;--bg-gradient-mid:#001219;--bg-gradient-end:#001f3f;--accent:#0080ff;--accent-light:#1e90ff;--accent-dark:#06c;--text-primary:#fff;--text-secondary:#e3f2fd;--text-tertiary:#bbdefb;--glass-bg:#0080ff1a;--glass-border:#1e90ff4d;--glass-shadow:#0080ff59}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);min-height:100vh;font-family:Nunito,Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.animated-bg{z-index:-1;background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);will-change:background-position;animation:15s infinite gradientShift;position:fixed;inset:0;overflow:hidden}.animated-bg:before{content:"";will-change:opacity;background-image:radial-gradient(circle at 20% 30%,#fff6 0%,#0000 2%),radial-gradient(circle at 60% 70%,#ffffff4d 0%,#0000 2%),radial-gradient(circle at 80% 20%,#ffffff59 0%,#0000 2%),radial-gradient(circle at 40% 80%,#ffffff4d 0%,#0000 2%),radial-gradient(circle at 90% 60%,#fff6 0%,#0000 2%),radial-gradient(circle at 15% 85%,#ffffff59 0%,#0000 2%);background-size:200% 200%;animation:4s ease-in-out infinite sparkle;position:absolute;inset:0}[data-theme=pearl] .animated-bg{opacity:1!important;background-image:url(/pearl-bg.jpg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;animation:none!important}[data-theme=pearl] .animated-bg:before{opacity:1!important;filter:none!important;background:#ffffff14!important;animation:none!important}[data-theme=pearl] .animated-bg:after{display:none!important}.animated-bg:after{content:"";background:var(--accent-light);filter:blur(80px);opacity:.3;will-change:transform;border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite float;position:absolute;top:-10%;left:-5%}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes iridescent{0%,to{background-position:0%}50%{background-position:100%}}@keyframes nacreGradient{0%,to{background-position:0%}33%{background-position:100% 0}66%{background-position:50% 100%}}@keyframes nacreShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes nacreOrb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,50px)scale(1.1)}66%{transform:translate(50px,-30px)scale(.92)}}@keyframes sparkle{0%,to{opacity:.3}50%{opacity:.7}}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinDisc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes hexagonGlow{0%,to{box-shadow:0 0 30px #ff475799,0 0 60px #ff475766}50%{box-shadow:0 0 40px #ff4757cc,0 0 80px #ff475799,0 0 100px #ff475766}}.glass-card:has(.story-card-bg):hover .story-card-bg{filter:brightness(.7);transform:scale(1.08)}.glass-card:has(.story-card-content):hover .story-card-content{transform:translateY(0)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 0 #fff9;border-radius:20px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}[data-theme=pearl] .glass-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(45deg,#c8bef0e6,#b9e1f5d9,#e6c8f5e6,#bee6ebd9,#c8bef0e6) 0 0/300% 300%;border-radius:20px;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-theme=pearl] .glass-card:hover:before{opacity:1;animation:2s infinite shimmerBorder}[data-theme=pearl] .glass-card:hover{transition:transform .3s,box-shadow .3s;transform:translateY(-4px)}@keyframes shimmerBorder{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shimmerRun{0%{background-position:-200% 0}to{background-position:200% 0}}.chapter-card-wrapper:hover .shimmer-border-effect{opacity:1;animation:1.5s ease-out forwards shimmerRun}.chapter-card-wrapper:hover .chapter-cover{transform:scale(1.05)}.chapter-card-wrapper:hover .chapter-cover-overlay{background:#00000026!important}.glass-card:hover{box-shadow:0 12px 48px var(--glass-shadow), inset 0 1px 0 #fffc;transform:translateY(-4px)}.glass-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px)saturate(180%);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;box-shadow:0 4px 16px var(--glass-shadow);-webkit-tap-highlight-color:transparent;border-radius:30px;padding:12px 24px;font-weight:600;transition:all .3s;outline:none!important}.glass-button:hover{box-shadow:0 6px 24px var(--glass-shadow);background:#ffffff59;transform:translateY(-2px)}.glass-button:focus{box-shadow:0 0 0 3px var(--accent-light);outline:none!important}.glass-button-primary{background:var(--accent);color:#fff;border:1px solid var(--accent-light);-webkit-tap-highlight-color:transparent;border-radius:30px;outline:none!important}.glass-button-primary:hover{background:var(--accent-dark);box-shadow:0 8px 32px var(--glass-shadow)}.glass-button-primary:focus{box-shadow:0 0 0 3px var(--accent-light);outline:none!important}@media (max-width:768px){.glass-card{-webkit-backdrop-filter:blur(10px)saturate(150%)}.glass-button{-webkit-backdrop-filter:blur(8px)saturate(150%)}.animated-bg:after{width:250px;height:250px}.animated-bg:before{animation-duration:5s}[data-theme=pearl] .animated-bg:after{width:300px!important;height:300px!important;animation:none!important}[data-theme=pearl] .animated-bg:before{animation-duration:16s!important}}@media (prefers-reduced-motion:reduce){.animated-bg,.animated-bg:before,.animated-bg:after{animation:none}.glass-card,.glass-button{transition:none}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.bg-accent{background:var(--accent)}.bg-accent-light{background:var(--accent-light)}.bg-accent-dark{background:var(--accent-dark)}.glass-card.no-hover:hover{box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 0 #fff9;transform:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}.name-effect-gold{background:linear-gradient(90deg,#b8860b,gold,#fff8dc,gold,#b8860b) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite goldShimmer}@keyframes rainbowFlow{0%{background-position:0%}to{background-position:200%}}.name-effect-rainbow{background:linear-gradient(90deg,#ff0080,#ff8c00,#ffe100,#00cf00,#00b4ff,#8000ff,#ff0080) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite rainbowFlow}@keyframes neonPulse{0%,to{text-shadow:0 0 6px var(--accent), 0 0 14px var(--accent), 0 0 28px var(--accent)}50%{text-shadow:0 0 10px var(--accent), 0 0 24px var(--accent), 0 0 48px var(--accent), 0 0 80px var(--accent)}}.name-effect-neon{color:var(--accent);animation:2s ease-in-out infinite neonPulse}@keyframes iceShimmer{0%{background-position:-200%}to{background-position:200%}}.name-effect-ice{background:linear-gradient(90deg,#a8edff,#fff,#c8f4ff,#fff,#a8edff) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #a8edffcc);-webkit-background-clip:text;background-clip:text;animation:3s linear infinite iceShimmer}@keyframes fireFlicker{0%,to{background-position:0%}50%{background-position:100%}}.name-effect-fire{background:linear-gradient(90deg,#ff4500,#ff8c00,gold,#ff8c00,#ff4500) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #ff640099);-webkit-background-clip:text;background-clip:text;animation:2s ease-in-out infinite fireFlicker}@keyframes galaxyDrift{0%{background-position:0%}to{background-position:200%}}.name-effect-galaxy{background:linear-gradient(90deg,#c471ed,#f64f59,#c471ed,#12c2e9,#c471ed) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite galaxyDrift}@keyframes roseGoldShine{0%{background-position:-200%}to{background-position:200%}}.name-effect-rosegold{background:linear-gradient(90deg,#b76e79,#f4c2c2,#e8b4b8,#f9d4d4,#b76e79) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite roseGoldShine}