:root{--bg:#0c0f1f;--fg:#ffffff;--text:#e6e6e6;--maxw:1200px;--line:1.6;--font:system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body.site{background:radial-gradient(circle at 20% 80%,#1e1b4b 0,transparent 50%),radial-gradient(circle at 80% 20%,#3730a3 0,transparent 50%),radial-gradient(circle at 40% 40%,#1e40af 0,transparent 50%),linear-gradient(135deg,#0f0c29,#24243e 50%,#302b63);background-attachment:fixed;color:var(--text);font-family:var(--font);line-height:var(--line);min-height:100vh;position:relative}body.site:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.3),transparent);background-repeat:repeat;background-size:200px 100px;pointer-events:none;z-index:-1;animation:twinkle 8s ease-in-out infinite}a{color:#d4af37;text-decoration:none}a:hover{text-decoration:underline;color:#f4e4bc}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.container{padding:0 2rem}}@media (min-width:1200px){.container{padding:0 3rem}}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);color:white;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-weight:700;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(99,102,241,.3),0 4px 12px rgba(0,0,0,.1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 12px 35px rgba(99,102,241,.4),0 6px 20px rgba(0,0,0,.15)}.btn.secondary{background:linear-gradient(135deg,#f59e0b,#f97316 50%,#dc2626);box-shadow:0 8px 25px rgba(245,158,11,.3),0 4px 12px rgba(0,0,0,.1)}.btn.secondary:hover{box-shadow:0 12px 35px rgba(245,158,11,.4),0 6px 20px rgba(0,0,0,.15)}.btn.magical-portal-btn,.btn.view-all-stories{color:#d4af37!important;font-size:1.2rem!important;padding:1.5rem 3rem!important;border-radius:25px!important;font-weight:800!important;letter-spacing:1.5px!important;text-shadow:0 3px 6px rgba(0,0,0,.5)!important;background:radial-gradient(circle at center,rgba(212,175,55,.2) 0,transparent 70%),linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05))!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:6px solid transparent!important;position:relative!important;z-index:10!important;overflow:hidden!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 15px 40px rgba(212,175,55,.3),0 8px 25px rgba(0,0,0,.1),inset 0 2px 8px rgba(255,255,255,.2),inset 0 -2px 8px rgba(0,0,0,.1)!important}.btn.magical-portal-btn:before,.btn.view-all-stories:before{content:""!important;position:absolute!important;top:-6px!important;left:-6px!important;right:-6px!important;bottom:-6px!important;background:linear-gradient(45deg,#FFD700,#d4af37,#FFD700,#FFA500,#FFD700,#d4af37,#FFD700,#FFA500)!important;background-size:400% 400%!important;border-radius:31px!important;z-index:-1!important;animation:goldenBorderFlow 2s linear infinite!important;opacity:1!important}.btn.magical-portal-btn:after,.btn.view-all-stories:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4) 0,transparent 30%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.3) 0,transparent 30%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);border-radius:23px;pointer-events:none}.btn.magical-portal-btn:hover,.btn.view-all-stories:hover{color:#ffffff!important;background:radial-gradient(circle at center,rgba(212,175,55,.4) 0,rgba(212,175,55,.2) 70%),linear-gradient(135deg,rgba(212,175,55,.25),rgba(212,175,55,.15))!important;transform:translateY(-4px) scale(1.08)!important;text-shadow:0 4px 8px rgba(0,0,0,.6)!important;box-shadow:0 25px 60px rgba(212,175,55,.5),0 15px 40px rgba(0,0,0,.2),inset 0 3px 12px rgba(255,255,255,.3),inset 0 -3px 12px rgba(0,0,0,.15)!important}.btn.magical-portal-btn:hover:before,.btn.view-all-stories:hover:before{animation-duration:1s!important;opacity:1!important;background:linear-gradient(45deg,#FFFF00,#FFD700,#FFFF00,#FFA500,#FFFF00,#FFD700,#FFFF00,#FFA500)!important;background-size:200% 200%!important}.btn.magical-portal-btn:hover:after,.btn.view-all-stories:hover:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.6) 0,transparent 30%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.5) 0,transparent 30%),linear-gradient(45deg,transparent 20%,rgba(255,255,255,.2) 50%,transparent 80%)}@keyframes goldenBorderFlow{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes goldenPulse{0%,to{box-shadow:0 0 10px rgba(255,215,0,.5)}50%{box-shadow:0 0 20px rgba(255,215,0,.8)}}.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}@media (min-width:768px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{display:block;padding:1rem;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);text-align:center;color:white;font-weight:700}.tile:hover{filter:brightness(1.08);transform:translateY(-1px)}.story-grid{display:inline-flex;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0;padding:0 1rem}@media (min-width:768px){.story-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:0}}@media (min-width:1200px){.story-grid{grid-template-columns:repeat(4,2fr);gap:2rem}}@media (min-width:1400px){.story-grid{gap:2.5rem}}.home .story-grid .story-card{display:block;background:linear-gradient(145deg,rgba(212,175,55,.12),rgba(184,134,11,.1) 25%,rgba(146,64,14,.08) 50%,rgba(120,53,15,.06) 75%,rgba(92,38,17,.04));border:1px solid rgba(212,175,55,.25);border-radius:32px;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);color:#ffffff;text-decoration:none;box-shadow:0 20px 60px rgba(212,175,55,.12),0 8px 25px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;transform-style:preserve-3d;padding:0;width:100%;max-width:none}.home .story-grid .story-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(184,134,11,.08) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(146,64,14,.06) 0,transparent 50%);border-radius:32px;opacity:0;transition:all .4s ease;pointer-events:none}.home .story-grid .story-card:hover:before{opacity:1}.home .story-grid .story-card:hover{transform:translateY(-16px) scale(1.02);box-shadow:0 35px 100px rgba(212,175,55,.2),0 15px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.12);border-color:rgba(212,175,55,.35);background:linear-gradient(145deg,rgba(212,175,55,.16),rgba(184,134,11,.12))}.home .story-grid .story-card-thumbnail{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:28px 28px 0 0}.home .story-grid .story-card-thumbnail:after{content:"";position:absolute;top:0;right:0;width:60%;height:60%;background:radial-gradient(ellipse at top right,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 40%,transparent 70%);pointer-events:none;z-index:1}.home .story-grid .thumbnail-image{width:100%;height:100%;object-fit:cover;object-position:center top;transition:all .6s cubic-bezier(.4,0,.2,1);filter:brightness(1.1) saturate(1.1)}.home .story-grid .story-card:hover .thumbnail-image{transform:scale(1.05);filter:brightness(1.15) saturate(1.3)}.home .story-grid .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b 25%,#d97706 50%,#b45309 75%,#92400e);position:relative;overflow:hidden}.home .story-grid .thumbnail-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.3) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.2) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0,transparent 60%)}.home .story-grid .age-emoji{font-size:3.5rem;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));z-index:3;position:relative}.home .story-grid .story-card-overlay{position:absolute;top:16px;right:16px;z-index:2}.home .story-grid .age-badge{background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(20,20,40,.8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffff;padding:10px 18px;border-radius:30px;font-size:.85rem;font-weight:800;border:1px solid rgba(255,255,255,.3);letter-spacing:1px;text-transform:uppercase;box-shadow:0 8px 25px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.5)}.home .story-grid .age-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.home .story-grid .story-card:hover .age-badge:before{left:100%}.home .story-grid .story-card-content{padding:2rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;border-top:1px solid rgba(255,255,255,.15)}.home .story-grid .story-card-content:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.6) 15%,rgba(245,158,11,.6) 35%,rgba(217,119,6,.6) 65%,rgba(180,83,9,.6) 85%,transparent);border-radius:2px}.home .story-grid .story-card-header{display:flex;flex-direction:column;gap:.75rem;text-align:center}.home .story-grid .story-card .story-title{margin:0!important;font-size:1.15rem!important;font-weight:700!important;color:#d4af37!important;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.025em;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#d4af37!important;background-clip:unset!important}.home .story-grid .story-status{padding:10px 18px;border-radius:25px;font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-shadow:0 2px 6px rgba(0,0,0,.3);min-width:140px;white-space:nowrap;height:40px;box-sizing:border-box}.home .story-grid .story-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s ease}.home .story-grid .story-card:hover .story-status:before{left:100%}.home .story-grid .story-status.available{background:rgba(212,175,55,.15);color:#d4af37;box-shadow:0 4px 15px rgba(212,175,55,.2),inset 0 1px 0 rgba(212,175,55,.3);border:1px solid rgba(212,175,55,.4);text-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home .story-grid .story-status.available:hover{background:rgba(212,175,55,.25);color:#f4e4bc;border-color:rgba(212,175,55,.6);box-shadow:0 6px 20px rgba(212,175,55,.3),inset 0 1px 0 rgba(212,175,55,.4)}.home .story-grid .story-status.archive{background:rgba(212,175,55,.1);color:rgba(212,175,55,.8);border:1px solid rgba(212,175,55,.25);box-shadow:0 4px 15px rgba(212,175,55,.1),inset 0 1px 0 rgba(212,175,55,.2);text-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home .story-grid .story-status.archive:hover{background:rgba(212,175,55,.2);color:#d4af37;border-color:rgba(212,175,55,.4);box-shadow:0 6px 20px rgba(212,175,55,.2),inset 0 1px 0 rgba(212,175,55,.3)}.home .story-grid .story-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:nowrap;margin-top:1.5rem;min-height:44px;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#663399,#4a6fa5);border-radius:10px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7d4db8,#5a7fb8)}*{scrollbar-width:thin;scrollbar-color:rgba(102,51,153,.8) rgba(255,255,255,.1)}.home{text-align:center;padding:3rem 0 5rem;position:relative}.home:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.1) 0,rgba(139,92,246,.08) 30%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}}.home .home-title{font-size:clamp(2.2rem,4.5vw,3rem)!important;font-weight:700!important;margin:0 0 .5rem!important;color:#d4af37!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#d4af37!important;background-clip:unset!important;animation:none!important;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)!important;letter-spacing:-.01em;position:relative}.home .home-title:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.6) 20%,rgba(212,175,55,1) 50%,rgba(212,175,55,.6) 80%,transparent)!important;border-radius:1px}.home .home-subtitle{font-size:1rem!important;margin:0 0 2rem!important;color:rgba(212,175,55,.9)!important;font-weight:500!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important;letter-spacing:.3px}.site-header{position:relative!important;z-index:100!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important;backdrop-filter:blur(20px) saturate(1.2)!important;background:linear-gradient(135deg,rgba(12,15,31,.9),rgba(26,27,62,.85) 50%,rgba(45,27,105,.8))!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important;padding:0!important;margin:0!important;height:auto!important;border:none!important;top:0!important;overflow:visible!important}.site-header:before{display:none!important}.header-container{max-width:1400px!important;margin:0 auto!important;padding:0 1.5rem!important;height:80px!important;justify-content:space-between!important;position:relative!important;gap:1rem!important}.header-container,.modern-brand{display:flex!important;align-items:center!important}.modern-brand{text-decoration:none!important;color:inherit!important;transition:transform .3s ease,filter .3s ease!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;font-size:inherit!important;font-weight:inherit!important;gap:12px!important}.modern-brand:hover{transform:translateY(-2px)!important;filter:brightness(1.1)!important;text-decoration:none!important}.modern-brand:before{display:none!important}.logo-container{gap:12px!important}.logo-container,.logo-icon{display:flex!important;align-items:center!important}.logo-icon{position:relative!important;width:50px!important;height:50px!important;justify-content:center!important;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(244,228,188,.15) 50%,rgba(255,255,255,.1))!important;border:2px solid rgba(212,175,55,.3)!important;border-radius:50%!important;box-shadow:0 8px 25px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;overflow:visible!important}.logo-icon:after,.logo-icon:before{display:none!important}.universe-logo{position:relative!important;width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at center,rgba(212,175,55,.3) 0,rgba(99,102,241,.2) 30%,rgba(139,92,246,.15) 60%,rgba(45,27,105,.1) 100%)!important;border:2px solid rgba(212,175,55,.4)!important;border-radius:50%!important;box-shadow:0 8px 25px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.2),0 0 20px rgba(99,102,241,.1)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;overflow:visible!important;animation:universeGlow 4s ease-in-out infinite!important}.universe-center{position:absolute!important;width:8px!important;height:8px!important;background:radial-gradient(circle,#ffffff 0,#d4af37 100%)!important;border-radius:50%!important;box-shadow:0 0 12px rgba(212,175,55,.6)!important;z-index:3!important}.universe-ring{position:absolute!important;border:1px solid rgba(212,175,55,.4)!important;border-radius:50%!important;animation:rotate 20s linear infinite!important}.ring-1{width:30px!important;height:30px!important;animation-duration:15s!important}.ring-2{width:40px!important;height:40px!important;animation-duration:25s!important;animation-direction:reverse!important}.universe-stars{position:absolute!important;width:100%!important;height:100%!important;pointer-events:none!important}.universe-star{position:absolute!important;width:3px!important;height:3px!important;background:#d4af37!important;border-radius:50%!important;box-shadow:0 0 6px rgba(212,175,55,.8)!important;animation:twinkleUniverse 3s ease-in-out infinite!important}.star-1{top:8px!important;right:12px!important;animation-delay:0s!important}.star-2{bottom:15px!important;left:8px!important;animation-delay:.6s!important}.star-3{top:20px!important;left:5px!important;animation-delay:1.2s!important}.star-4{bottom:8px!important;right:6px!important;animation-delay:1.8s!important}.star-5{top:12px!important;left:18px!important;animation-delay:2.4s!important}.brand-text-container{display:flex!important;flex-direction:column!important;gap:2px!important}.brand-text{font-size:28px!important;font-weight:800!important;background:linear-gradient(135deg,#d4af37,#f4e4bc 50%,#ffffff)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;letter-spacing:-.5px!important;line-height:1!important;text-shadow:0 2px 8px rgba(212,175,55,.3)!important;text-transform:none!important;padding:0!important}.brand-text:after{display:none!important}.brand-tagline{font-size:11px!important;color:rgba(212,175,55,.8)!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important;line-height:1!important}.header-nav,.nav-items{display:flex!important;align-items:center!important}.nav-items{gap:12px!important}.nav-button,.nav-link{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(244,228,188,.08))!important;border:1px solid rgba(212,175,55,.2)!important;color:#ffffff!important;text-decoration:none!important;font-weight:600!important;font-size:13px!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important;min-height:40px!important;justify-content:center!important}.nav-button:hover,.nav-link:hover{background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(244,228,188,.15))!important;border-color:rgba(212,175,55,.4)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(212,175,55,.2)!important;text-decoration:none!important;color:#ffffff!important}.nav-icon{display:none!important}.nav-text,.toggle-pill{font-size:13px!important;letter-spacing:.3px!important;text-transform:uppercase!important;font-weight:600!important}.toggle-pill{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:1px solid rgba(212,175,55,.2)!important;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(244,228,188,.08))!important;color:#ffffff!important;border-radius:12px!important;padding:10px 14px!important;cursor:pointer!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important;transition:all .3s ease!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.toggle-pill:hover{transform:translateY(-2px)!important;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(244,228,188,.15))!important;border-color:rgba(212,175,55,.4)!important;box-shadow:0 8px 25px rgba(212,175,55,.2)!important}.toggle-pill:focus-visible{outline:2px solid #d4af37!important;outline-offset:2px!important}.toggle-pill.on{background:linear-gradient(135deg,#d4af37,#f4e4bc)!important;border-color:rgba(255,255,255,.3)!important;color:#1a1a2e!important}@keyframes universeGlow{0%,to{box-shadow:0 8px 25px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.2),0 0 20px rgba(99,102,241,.1)}50%{box-shadow:0 8px 25px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.3),0 0 30px rgba(99,102,241,.2)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes twinkleUniverse{0%,to{opacity:.4;transform:scale(.8);box-shadow:0 0 6px rgba(212,175,55,.6)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 12px rgba(212,175,55,1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.header-container{padding:0 1rem!important;height:70px!important}.universe-logo{width:45px!important;height:45px!important}.universe-center{width:6px!important;height:6px!important}.ring-1{width:25px!important;height:25px!important}.ring-2{width:35px!important;height:35px!important}.universe-star{width:2px!important;height:2px!important}.brand-text{font-size:24px!important}.brand-tagline{font-size:10px!important}.nav-button,.nav-link,.toggle-pill{padding:8px 12px!important;font-size:12px!important;min-height:36px!important}.nav-items{gap:8px!important}}@media (max-width:480px){.header-container{padding:0 .5rem!important}.logo-container{gap:8px!important}.brand-tagline,.nav-text{display:none!important}.nav-button,.nav-link{padding:8px 10px!important;min-width:40px!important;justify-content:center!important}.nav-button .nav-text:after,.nav-link .nav-text:after{content:"P"!important}.toggle-pill{padding:8px 10px!important;min-width:40px!important;font-size:10px!important}.nav-items{gap:6px!important}}body.site{background:linear-gradient(135deg,#0c0f1f,#1a1b3e 15%,#2d1b69 30%,#4a2c7d 45%,#663399 60%,#8b5fbf 75%,#b19cd9 90%,#d4c5e8) fixed;color:#e9eefc}.top-right-toggles{display:flex!important;gap:8px!important;align-items:center!important}.toggle-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.06));color:#e9eefc;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .12s ease,filter .12s ease,background .2s ease}.toggle-pill:hover{transform:translateY(-1px);filter:brightness(1.06)}.toggle-pill:focus-visible{outline:3px solid #d4af37;outline-offset:2px}.toggle-pill.on{background:linear-gradient(135deg,#d4af37,#f4e4bc);border-color:rgba(255,255,255,.22)}.story-page.modern-story{position:relative;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;justify-content:center;padding:clamp(24px,5vw,64px) clamp(16px,3vw,32px) clamp(16px,3vw,32px)}.story-page.modern-story [data-story-panel=main]{width:100%;max-width:900px;margin:0 auto;display:grid;grid-gap:18px;gap:18px;place-items:center}.story-page.modern-story [data-story-text=title]{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:.2px;color:#d4af37;text-shadow:0 2px 10px rgba(212,175,55,.35);text-align:left;width:100%;max-width:720px;padding-left:8px}.story-card{background:linear-gradient(145deg,rgba(212,175,55,.12),rgba(244,228,188,.08) 50%,rgba(255,255,255,.05));color:#ffffff;border-radius:28px;border:1px solid rgba(212,175,55,.25);box-shadow:0 20px 60px rgba(212,175,55,.15),0 8px 25px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:clamp(16px,3vw,28px);width:100%;max-width:720px;position:relative;overflow:hidden}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(184,134,11,.08) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(146,64,14,.06) 0,transparent 50%);border-radius:28px;opacity:.6;pointer-events:none}.story-card figure{margin:0 0 14px}.story-illustration{display:block;width:100%;max-width:560px;max-height:420px;object-fit:contain;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.2);margin:0 auto 16px}.story-card .story-text{font-size:clamp(18px,2.3vw,22px);line-height:1.85;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:1;text-align:left;margin-top:8px}.control-bar{margin-top:24px;width:100%;max-width:600px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(145deg,rgba(212,175,55,.15),rgba(212,175,55,.25));border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(212,175,55,.2),inset 0 0 0 1px rgba(212,175,55,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.main-controls{display:flex;align-items:center;gap:20px;width:100%}.secondary-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width:600px){.control-bar{padding:20px 16px}.main-controls{flex-direction:column;gap:16px}.secondary-controls{flex-wrap:wrap;gap:8px}}.controls-center,.controls-left{display:flex;align-items:center;gap:8px}.controls-center{flex:1 1;flex-direction:column}.controls-right{display:contents}[data-story-controls=bottom] .control-bar{margin-left:auto;margin-right:auto}.cta-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 16px;font-weight:600;font-size:13px;color:#ffffff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:70px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px rgba(212,175,55,.4)}.cta-btn:active:not(:disabled){transform:translateY(0)}.cta-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.cta-btn.play{background:linear-gradient(135deg,#d4af37,#f4e4bc);color:#1a1a2e}.cta-btn.pause{background:linear-gradient(135deg,#b8860b,#daa520);color:white}.cta-btn.resume{background:linear-gradient(135deg,#f4e4bc,#ffffff);color:#1a1a2e}.cta-btn.stop{background:linear-gradient(135deg,#d4af37,#b8860b);color:white}.progress{width:100%;max-width:400px;display:flex;align-items:center;gap:12px}.progress-track{height:6px;flex:1 1;background:rgba(255,255,255,.15);overflow:hidden}.progress-fill,.progress-track{border-radius:6px;position:relative}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#d4af37,#f4e4bc,#ffffff);transition:width .3s ease}.progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shimmer 2s infinite}@keyframes shimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(255,255,255,.9);font-weight:500;font-size:12px;min-width:40px;text-align:center}.control-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px 12px;transition:all .2s ease}.control-pill:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}.control-pill label{color:rgba(255,255,255,.8);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.control-pill select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(212,175,55,.2);color:#ffffff;border:none;font-weight:600;font-size:11px;padding:0;min-width:60px;cursor:pointer;outline:none;border-radius:6px}.control-pill select:focus{outline:none;background:rgba(212,175,55,.3)}.control-pill select option{background:rgba(212,175,55,.4);color:#ffffff;padding:8px 12px;border:none}.narration-controls{background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(244,228,188,.15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);margin:16px auto;max-width:800px}.narration-controls audio{width:100%;border-radius:12px;background:rgba(212,175,55,.2);border:1px solid rgba(255,255,255,.1)}.narration-controls .music-row{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.narration-controls label{color:#ffffff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.narration-controls .select{background:rgba(212,175,55,.2);color:#ffffff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;font-size:14px;outline:none}.narration-controls .select:focus{border-color:rgba(255,255,255,.4);background:rgba(212,175,55,.3)}.narration-controls input[type=range]{background:rgba(255,255,255,.1);border-radius:6px;height:6px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.narration-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4bc);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}.narration-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4bc);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.audio-player{margin-bottom:20px}.player-main{gap:16px;margin-bottom:12px}.play-btn,.player-main{display:flex;align-items:center}.play-btn{background:linear-gradient(135deg,#d4af37,#f4e4bc);border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;justify-content:center;box-shadow:0 4px 16px rgba(212,175,55,.3);transition:all .3s ease}.play-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(212,175,55,.4)}.time-display{color:#ffffff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;min-width:100px}.skip-controls{display:flex;gap:8px}.skip-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffff;padding:8px 12px;font-size:16px;cursor:pointer;transition:all .2s ease}.skip-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.progress-container{width:100%}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4bc);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}.progress-bar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4bc);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.audio-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:#ffffff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.setting-group .select,.setting-group .speed-select{background:rgba(212,175,55,.2);color:#ffffff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;font-size:14px;outline:none;cursor:pointer}.setting-group .select:focus,.setting-group .speed-select:focus{border-color:rgba(255,255,255,.4);background:rgba(212,175,55,.3)}.volume-slider{background:rgba(255,255,255,.1);border-radius:6px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4bc);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4bc);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.narration-controls .btn{background:linear-gradient(135deg,#d4af37,#f4e4bc);color:white;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(212,175,55,.3)}.narration-controls .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.4)}.narration-controls .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.narration-controls .status{color:rgba(255,255,255,.8);font-size:14px;margin-left:16px}@media (max-width:600px){.audio-settings{grid-template-columns:1fr;gap:12px}.player-main{flex-wrap:wrap;gap:12px}.skip-controls{order:3;width:100%;justify-content:center}}.controls-right label{color:rgba(233,238,252,.85);font-size:10px;font-weight:600;margin-right:4px;white-space:nowrap}.controls-right select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.12);color:#ffffff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:6px 8px;font-weight:600;font-size:11px;box-shadow:0 2px 8px rgba(0,0,0,.2);max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px;scrollbar-width:none;-ms-overflow-style:none}.controls-right select::-webkit-scrollbar{display:none}.controls-right select:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}@media (max-width:820px){.controls-right{justify-content:center;flex-wrap:wrap;gap:8px}.controls-right label{font-size:9px;margin-right:3px}.controls-right select{font-size:10px;padding:5px 6px;max-width:100px;margin-right:4px}}.cta-btn:focus-visible,.toggle-pill:focus-visible,select:focus-visible{outline:3px solid #7cc4ff;outline-offset:2px}body.theme-high-contrast .story-card{background:#ffffff;color:#000;box-shadow:0 0 0 3px #000}body.theme-high-contrast .control-bar{background:#000;border-color:#fff}body.theme-high-contrast .controls-right label,body.theme-high-contrast .timer{color:#fff}body.theme-high-contrast .progress-track{background:#444}body.theme-high-contrast .progress-fill{background:#fff000}body.text-large .story-card .story-text{font-size:clamp(20px,3vw,26px)}body.text-large .cta-btn{padding:14px 20px;font-size:18px}[data-story-nav=buttons]{display:none!important}.story-content.story-flex{width:100%;display:flex;justify-content:center}.story-card .sentence{padding:2px 4px;border-radius:8px;transition:background-color .15s ease,box-shadow .15s ease}.story-card .sentence.reading{background:rgba(255,210,90,.55);box-shadow:inset 0 0 0 2px rgba(255,210,90,.65)}.story-progress{height:6px;max-width:720px;border-radius:999px;margin:8px auto 14px;background:linear-gradient(90deg,#d4af37,#f4e4bc,#ffffff);box-shadow:0 3px 10px rgba(212,175,55,.4)}[data-story-text=title]:after,[data-story-text=title]:before{content:none!important}.story-header-info{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 2rem;text-align:center}.story-title-header{background:linear-gradient(135deg,#d4af37,#f4e4bc 50%,#ffffff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-shadow:0 2px 8px rgba(212,175,55,.3)!important;margin-bottom:.5rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-progress-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:200px}.page-indicator{display:flex;align-items:baseline;gap:.25rem;font-size:.75rem;color:#d4af37;text-shadow:0 1px 2px rgba(0,0,0,.3)}.current-page{font-size:.9rem;font-weight:600;color:#fbbf24}.page-separator{font-size:.65rem;color:rgba(251,191,36,.7)}.total-pages{font-size:.8rem;color:rgba(251,191,36,.9)}.progress-bar-container{width:100%;height:2px;background:rgba(212,175,55,.2);border-radius:1px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#fbbf24);border-radius:1px;transition:width .3s ease-out;box-shadow:0 0 4px rgba(212,175,55,.3)}@media (max-width:768px){.story-header-info{margin:0 1rem}.story-title-header{font-size:1.4rem;max-width:280px}.story-progress-header{max-width:150px}}@media (max-width:480px){.story-header-info{margin:0 .5rem}.story-title-header{font-size:1.2rem;max-width:200px}}