@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--wrapped-green: #1DB954;--wrapped-pink: #E91E8C;--wrapped-purple: #8B5CF6;--wrapped-blue: #3B82F6;--wrapped-orange: #F97316;--wrapped-yellow: #FACC15;--wrapped-red: #EF4444;--wrapped-cyan: #06B6D4;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-6: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-7: linear-gradient(135deg, #ff0844 0%, #ffb199 100%);--gradient-8: linear-gradient(135deg, #32A89E 0%, #0F2027 50%, #203A43 100%);--gradient-9: linear-gradient(135deg, #FF6B6B 0%, #556270 100%);--gradient-10: linear-gradient(135deg, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%);--gradient-11: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%);--gradient-12: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-13: linear-gradient(135deg, #FC466B 0%, #3F5EFB 100%);--gradient-14: linear-gradient(135deg, #0F0C29 0%, #302B63 50%, #24243e 100%);--gradient-15: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%);--bg-dark: #121212;--bg-card: #181818;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--container-padding: 24px;--slide-max-width: 420px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrapped-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.slides-wrapper{position:relative;width:100%;max-width:var(--slide-max-width);height:100%;max-height:100vh;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--container-padding);text-align:center;opacity:0;transform:translate(100%);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.slide.active{opacity:1;transform:translate(0);pointer-events:all}.slide.prev{opacity:0;transform:translate(-100%)}.slide.next{opacity:0;transform:translate(100%)}.slide-bg-1{background:var(--gradient-1)}.slide-bg-2{background:var(--gradient-2)}.slide-bg-3{background:var(--gradient-3)}.slide-bg-4{background:var(--gradient-4)}.slide-bg-5{background:var(--gradient-5)}.slide-bg-6{background:var(--gradient-6)}.slide-bg-7{background:var(--gradient-7)}.slide-bg-8{background:var(--gradient-8)}.slide-bg-9{background:var(--gradient-9)}.slide-bg-10{background:var(--gradient-10)}.slide-bg-11{background:var(--gradient-11)}.slide-bg-12{background:var(--gradient-12)}.slide-bg-13{background:var(--gradient-13)}.slide-bg-14{background:var(--gradient-14)}.slide-bg-15{background:var(--gradient-15)}.slide-title{font-size:clamp(1rem,3vw,1.2rem);font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:1rem;animation:fadeInUp .6s ease-out .2s both}.slide-big-number{font-size:clamp(4rem,20vw,8rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:scaleIn .8s cubic-bezier(.34,1.56,.64,1) .3s both;text-shadow:0 10px 40px rgba(0,0,0,.3)}.slide-highlight{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1;margin:1rem 0;animation:fadeInUp .6s ease-out .4s both}.slide-subtitle{font-size:clamp(1.1rem,4vw,1.4rem);font-weight:400;color:var(--text-secondary);margin-top:.5rem;animation:fadeInUp .6s ease-out .5s both}.slide-description{font-size:clamp(.9rem,3vw,1.1rem);font-weight:300;color:var(--text-secondary);max-width:320px;margin-top:1.5rem;line-height:1.6;animation:fadeInUp .6s ease-out .6s both}.anime-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;width:100%;max-width:340px;margin:1.5rem 0;border:1px solid rgba(255,255,255,.2);animation:slideUp .7s cubic-bezier(.34,1.56,.64,1) .3s both}.anime-card-image{width:100%;height:180px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative}.anime-card-image:after{content:"🎬";font-size:4rem;opacity:.5}.anime-card-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.anime-card-title{font-size:1.3rem;font-weight:700;margin-bottom:8px}.anime-card-meta{font-size:.9rem;color:var(--text-secondary)}.top-list{width:100%;max-width:340px;margin:1rem 0}.top-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff1a;border-radius:12px;margin-bottom:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .5s ease-out both}.top-list-item:nth-child(1){animation-delay:.3s}.top-list-item:nth-child(2){animation-delay:.4s}.top-list-item:nth-child(3){animation-delay:.5s}.top-list-item:nth-child(4){animation-delay:.6s}.top-list-item:nth-child(5){animation-delay:.7s}.top-list-rank{font-size:1.5rem;font-weight:800;width:36px;text-align:center;color:var(--wrapped-yellow)}.top-list-content{flex:1;text-align:left}.top-list-title{font-size:1rem;font-weight:600;margin-bottom:2px}.top-list-subtitle{font-size:.8rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:340px;margin:1.5rem 0}.stat-card{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 16px;text-align:center;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}.stat-card:nth-child(1){animation-delay:.2s}.stat-card:nth-child(2){animation-delay:.3s}.stat-card:nth-child(3){animation-delay:.4s}.stat-card:nth-child(4){animation-delay:.5s}.stat-value{font-size:2rem;font-weight:800;margin-bottom:4px}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.genre-bar{width:100%;max-width:340px;margin:1rem 0}.genre-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;animation:slideInLeft .5s ease-out both}.genre-item:nth-child(1){animation-delay:.2s}.genre-item:nth-child(2){animation-delay:.3s}.genre-item:nth-child(3){animation-delay:.4s}.genre-item:nth-child(4){animation-delay:.5s}.genre-item:nth-child(5){animation-delay:.6s}.genre-name{width:80px;font-size:.85rem;font-weight:500;text-align:right}.genre-progress{flex:1;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden}.genre-fill{height:100%;border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;font-size:.75rem;font-weight:600;animation:fillBar 1s ease-out both;animation-delay:inherit}.nav-dots{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}.nav-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.nav-dot.active{background:#fff;transform:scale(1.3)}.nav-dot:hover{background:#ffffffb3}.nav-arrows{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:100}.nav-arrow{width:48px;height:48px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-arrow:hover{background:#ffffff4d;transform:scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed;transform:none}.progress-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:#fff3;z-index:100}.progress-fill{height:100%;background:#fff;transition:width .3s ease}.intro-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--wrapped-pink),var(--wrapped-purple));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:2rem;animation:bounceIn .8s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 20px 60px #0000004d}.intro-year{font-size:clamp(5rem,25vw,10rem);font-weight:900;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:scaleIn 1s cubic-bezier(.34,1.56,.64,1) .2s both;line-height:.9}.intro-text{font-size:1.2rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;animation:fadeInUp .6s ease-out .5s both}.outro-share-btn{margin-top:2rem;padding:16px 40px;background:#fff;color:#121212;border:none;border-radius:50px;font-family:var(--font-main);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;animation:fadeInUp .6s ease-out .7s both}.outro-share-btn:hover{transform:scale(1.05);box-shadow:0 10px 40px #ffffff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fillBar{0%{width:0}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;width:6px;height:6px;background:#ffffff4d;border-radius:50%;animation:float 15s infinite}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@media (min-width: 768px){.slides-wrapper{border-radius:24px;height:90vh;max-height:800px;box-shadow:0 40px 100px #00000080}.slide{border-radius:24px}.nav-dots{right:-40px}}.touch-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);font-size:.85rem;color:var(--text-muted);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}