@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Outfit", sans-serif;--bg-dark:#030305;--bg-surface:#0a0a0f;--bg-card:#0c0c12d9;--bg-card-hover:#12121af2;--border-color:#ffffff0f;--border-hover:#06b6d459;--primary:#06b6d4;--primary-glow:#06b6d433;--primary-hover:#22d3ee;--secondary:#10b981;--secondary-glow:#10b98133;--secondary-hover:#34d399;--accent:#f59e0b;--accent-glow:#f59e0b33;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--sidebar-width:260px;--floating-nav-height:72px;--topbar-height:60px;--player-height:72px;--blur-amount:20px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px var(--primary-glow)}50%{box-shadow:0 0 24px #06b6d466}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.app-shell{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);z-index:200;background:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;gap:.5rem;height:100dvh;padding:1.5rem 1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.5rem .75rem;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:36px;height:36px;box-shadow:0 0 16px var(--primary-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-text{letter-spacing:-.03em;color:var(--text-primary);font-size:1.35rem;font-weight:800}.sidebar-brand-text span{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:1rem .75rem .5rem;font-size:.7rem;font-weight:700}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;font-size:.9rem;font-weight:500;font-family:var(--font-sans);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.75rem;padding:.7rem .75rem;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-nav-item.active{color:var(--primary);background:#06b6d414;font-weight:600}.sidebar-nav-item.active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-divider{background:var(--border-color);height:1px;margin:.75rem 0}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.sidebar-overlay{z-index:199;background:#0009;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100dvh;display:flex}.topbar{z-index:100;height:var(--topbar-height);-webkit-backdrop-filter:blur(var(--blur-amount));border-bottom:1px solid var(--border-color);background:#030305d9;align-items:center;gap:.75rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.hamburger-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:0;display:none}.hamburger-btn:hover{color:var(--text-primary);background:#ffffff0d}.topbar-search{flex:1;max-width:560px;position:relative}.topbar-search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#ffffff0a;border-radius:9999px;outline:none;padding:.65rem 1rem .65rem 2.75rem;font-size:.9rem}.topbar-search-input::placeholder{color:var(--text-muted)}.topbar-search-input:focus{border-color:var(--primary);background:#06b6d40a;box-shadow:0 0 0 3px #06b6d414}.topbar-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.topbar-search-input:focus~.topbar-search-icon{color:var(--primary)}.topbar-clear-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;padding:4px;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.topbar-clear-btn:hover{color:var(--text-primary);background:#ffffff14}.topbar-page-title{color:var(--text-primary);white-space:nowrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.topbar-page-title svg{color:var(--primary)}.category-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding:.75rem 0 .5rem;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.cat-pill{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:#ffffff08;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex}.cat-pill:hover{color:var(--text-primary);background:#ffffff0f}.cat-pill.active{color:var(--primary);background:#06b6d41f;border-color:#06b6d44d}.page-content{padding:1.25rem;padding-bottom:calc(var(--floating-nav-height) + 2rem);flex:1}.buzzer-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;animation:.5s fadeIn;display:grid}.buzzer-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;display:flex}.buzzer-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 28px #00000073}.buzzer-card--playing{border-color:#06b6d44d;box-shadow:0 0 20px #06b6d414}.buzzer-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;position:relative}.buzzer-btn:active,.buzzer-btn--pressed{transform:scale(.88)}.buzzer-btn--active{animation:1.5s ease-in-out infinite buzzerPulse}@keyframes buzzerPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 12px #06b6d400}}.buzzer-glow{pointer-events:none;transition:var(--transition-smooth);border:2px solid #ffffff1a;border-radius:50%;position:absolute;inset:-4px}.buzzer-btn:hover .buzzer-glow{border-color:#ffffff40;transform:scale(1.08)}.buzzer-btn--active .buzzer-glow{border-color:#06b6d466;animation:2s ease-in-out infinite pulseGlow}.buzzer-inner{-webkit-backdrop-filter:blur(8px);z-index:1;width:58px;height:58px;transition:var(--transition-smooth);background:#00000040;border-radius:50%;justify-content:center;align-items:center;display:flex}.buzzer-btn:hover .buzzer-inner{background:#00000059;transform:scale(1.05)}.buzzer-waves{align-items:flex-end;gap:3px;height:24px;display:flex}.buzzer-waves .wave-bar{background:#fff;border-radius:9999px;width:3px;height:100%;animation:1s ease-in-out infinite wave}.buzzer-waves .wave-bar:nth-child(2){animation-delay:.15s}.buzzer-waves .wave-bar:nth-child(3){animation-delay:.3s}.buzzer-waves .wave-bar:nth-child(4){animation-delay:.45s}.buzzer-grad-0{background:linear-gradient(135deg,#0284c7,#06b6d4)}.buzzer-grad-1{background:linear-gradient(135deg,#10b981,#059669)}.buzzer-grad-2{background:linear-gradient(135deg,#f43f5e,#e11d48)}.buzzer-grad-3{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.buzzer-grad-4{background:linear-gradient(135deg,#f59e0b,#d97706)}.buzzer-grad-5{background:linear-gradient(135deg,#06b6d4,#10b981)}.buzzer-grad-6{background:linear-gradient(135deg,#0f766e,#0d9488)}.buzzer-grad-7{background:linear-gradient(135deg,#f97316,#ea580c)}.buzzer-title{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 .25rem;font-size:.72rem;font-weight:600;line-height:1.25;overflow:hidden}.buzzer-actions{align-items:center;gap:.35rem;display:flex}.buzzer-action-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:flex}.buzzer-action-btn:hover{color:var(--text-primary);background:#ffffff14}.buzzer-action-btn--fav-active{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e4d}.downloads-icon-hero{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:80px;height:80px;box-shadow:0 0 24px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;display:flex}.gradient-cover-0{background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%)}.gradient-cover-1{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.gradient-cover-2{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.gradient-cover-3{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.gradient-cover-4{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.gradient-cover-5{background:linear-gradient(135deg,#06b6d4 0%,#10b981 100%)}.gradient-cover-6{background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%)}.gradient-cover-7{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.sound-wave-container{align-items:flex-end;gap:2px;height:20px;display:flex}.sound-wave-sm{height:14px}.wave-bar{background:var(--primary);border-radius:9999px;width:2.5px;height:100%;animation:1s ease-in-out infinite wave}.wave-bar:nth-child(2){background:var(--secondary);animation-delay:.15s}.wave-bar:nth-child(3){background:var(--accent);animation-delay:.3s}.wave-bar:nth-child(4){background:var(--primary);animation-delay:.45s}.wave-bar:nth-child(5){background:var(--secondary);animation-delay:.6s}.share-sheet-backdrop{z-index:500;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.share-sheet{background:var(--bg-surface);border:1px solid #ffffff14;border-bottom:none;border-radius:20px 20px 0 0;width:100%;max-width:420px;padding:.75rem 1rem 1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-sheet-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.share-sheet-title{color:var(--text-primary);font-size:1rem;font-weight:700}.share-sheet-close{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:flex}.share-sheet-close:hover{color:var(--text-primary);background:#ffffff14}.share-sheet-body{justify-content:center;gap:.75rem;display:flex}.share-sheet-option{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.share-sheet-option:hover{color:var(--text-primary)}.share-sheet-icon-wrap{width:48px;height:48px;transition:var(--transition-smooth);border-radius:14px;justify-content:center;align-items:center;display:flex}.share-sheet-option:hover .share-sheet-icon-wrap{transform:translateY(-2px)}.sso-native{color:var(--primary);background:#06b6d41f}.sso-whatsapp{color:#25d366;background:#25d3661f}.sso-telegram{color:#08c;background:#0088cc1f}.sso-messenger{color:#818cf8;background:#6366f11f}.sso-copy{color:var(--secondary);background:#10b9811f}.sso-link{color:var(--accent);background:#f59e0b1f}.state-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:3rem 1.5rem;animation:.5s fadeIn;display:flex}.state-wrapper p{color:var(--text-secondary);max-width:280px;font-size:.9rem;font-weight:500}.state-wrapper h3{font-size:1.1rem;font-weight:700}.retry-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:9999px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.retry-btn:hover{background:#ffffff14}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite rotate}.playlist-container{animation:.4s fadeIn}.playlist-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.playlist-stats{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.playlist-stats svg{color:var(--primary)}.playlist-list{flex-direction:column;gap:.5rem;display:flex}.playlist-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.65rem .75rem;animation:.3s fadeIn;display:flex}.playlist-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.playlist-item.playing{background:#06b6d40a;border-color:#06b6d440}.playlist-item-play{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.playlist-item-cover{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;display:flex}.playlist-item-info{cursor:pointer;flex:1;min-width:0}.playlist-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.playlist-item-subtitle{color:var(--text-muted);margin-top:2px;font-size:.7rem}.playlist-item-remove{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.playlist-item-remove:hover{color:#f43f5e;background:#f43f5e1a}.playlist-hero{text-align:center;flex-direction:column;align-items:center;padding:.5rem 1rem 1rem;animation:.5s fadeIn;display:flex}.playlist-hero-sticker{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.75rem;display:flex;overflow:hidden}.playlist-hero-sticker .sticker-video{object-fit:contain;width:100%;height:100%}.playlist-hero-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.playlist-hero-subtitle{color:var(--text-secondary);font-size:.8rem;font-weight:500}.global-player-bar{bottom:calc(var(--floating-nav-height) + 1.25rem + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg);z-index:150;width:calc(100% - 1.5rem);max-width:480px;-webkit-backdrop-filter:blur(var(--blur-amount));background:#08080eeb;border:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.6rem 1rem;animation:.4s fadeInUp;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0009}.player-info{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.player-thumbnail{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex}.player-meta{min-width:0}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.player-source{color:var(--text-muted);font-size:.65rem}.player-controls{align-items:center;gap:.5rem;display:flex}.player-play-btn{background:var(--text-primary);width:36px;height:36px;color:var(--bg-dark);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.player-play-btn:active{transform:scale(.92)}.player-slider-container,.player-volume-container{display:none}.floating-nav{width:100%;height:var(--floating-nav-height);z-index:180;padding:0 1rem;padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0}.floating-nav-pill{-webkit-backdrop-filter:blur(24px);pointer-events:auto;background:#121218eb;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .5rem;display:flex;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.fnav-item{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.45rem 1.25rem;font-size:.6rem;font-weight:600;text-decoration:none;display:flex;position:relative}.fnav-item:hover{color:var(--text-secondary)}.fnav-item.active{color:var(--primary);background:#06b6d41f}.fnav-icon-wrap{width:24px;height:24px;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.fnav-item.active .fnav-icon-wrap{transform:translateY(-1px)}.fnav-label{letter-spacing:.02em;line-height:1}.toast-container{z-index:1000;flex-direction:column;gap:.5rem;width:calc(100% - 2rem);max-width:360px;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);border:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.8rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:0 8px 20px #00000080}.toast.success{color:#fff;background:#10b981eb}.toast.error{color:#fff;background:#ef4444eb}.toast.info{color:#fff;background:#0c0c14f2}@media (min-width:768px){.floating-nav{display:none}.hamburger-btn{display:none!important}.page-content{padding:1.5rem 2rem 2rem}.memes-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.global-player-bar{max-width:560px;width:calc(100% - var(--sidebar-width) - 3rem);bottom:1rem;left:calc(var(--sidebar-width) + (100% - var(--sidebar-width)) / 2)}.player-slider-container{flex-grow:1;align-items:center;gap:.4rem;max-width:200px;display:flex}.player-volume-container{align-items:center;gap:.4rem;display:flex}}@media (max-width:767px){.sidebar{z-index:201;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.main-content{margin-left:0}.hamburger-btn{display:flex}.topbar-page-title.hide-mobile{display:none}.page-content{padding:.75rem;padding-bottom:calc(var(--floating-nav-height) + 1.5rem)}.memes-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.meme-info{padding:.6rem}.meme-title{font-size:.75rem}.meme-avatar-emoji{font-size:2rem}.global-player-bar{width:calc(100% - 1rem);bottom:96px}}.player-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.65rem}.player-slider,.volume-slider{cursor:pointer;appearance:none;background:#ffffff14;border-radius:9999px;outline:none;flex-grow:1;height:3px}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;width:10px;height:10px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;width:10px;height:10px}.volume-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:4px;display:flex}.volume-btn:hover{color:var(--text-primary)}.volume-slider{width:60px}.modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#020204bf;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);width:92%;max-width:720px;max-height:85vh;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid #ffffff14;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 60px #000c}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-container{align-items:center;gap:.65rem;display:flex}.modal-title-container h2{font-size:1.25rem;font-weight:800}.converter-logo-icon{background:#06b6d41a;border:1px solid #06b6d433;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.modal-close-btn{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff14}.modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.converter-main-card{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff08;padding:1.25rem}.converter-main-card h3{margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.converter-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.drop-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#00000026;border:2px dashed #ffffff1f;padding:2rem 1.25rem}.drop-zone:hover,.drop-zone.active{border-color:var(--primary);background:#06b6d408}.drop-zone.success-border{border-color:var(--secondary);background:#10b98108}.hidden-file-input{display:none}.drop-zone-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.upload-icon{color:var(--text-muted);transition:var(--transition-smooth)}.drop-zone:hover .upload-icon{color:var(--primary)}.success-icon{color:var(--secondary)}.error-icon{color:var(--accent)}.drop-text{color:var(--text-secondary);font-size:.9rem}.drop-text strong{color:var(--text-primary)}.file-size{color:var(--text-muted);font-size:.75rem}.error-msg{font-weight:500;color:var(--accent)!important}.browse-btn{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;padding:.45rem 1.1rem;font-size:.8rem;font-weight:600}.browse-btn:hover{background:#ffffff1a}.browse-btn.success{color:var(--secondary);border-color:#10b9814d}.browse-btn.error{color:var(--accent);border-color:#f59e0b4d}.conversion-actions-area{flex-direction:column;align-items:center;gap:1.25rem;margin-top:1.25rem;animation:.4s fadeIn;display:flex}.preview-container{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.preview-container h4{color:var(--text-secondary);font-size:.85rem;font-weight:600}.sticker-preview-box{border-radius:var(--radius-lg);background:#0000004d;border:1px solid #ffffff0a;justify-content:center;align-items:center;min-width:140px;min-height:140px;padding:.75rem;display:flex}.preview-fallback{color:var(--text-muted);font-size:.8rem}.download-json-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:9999px;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 8px 20px #06b6d433}.download-json-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #06b6d44d}.guide-section{flex-direction:column;gap:1rem;display:flex}.guide-header{align-items:center;gap:.5rem;display:flex}.guide-header h3{font-size:1.1rem;font-weight:700}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.step-card{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff08;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.step-num{width:22px;height:22px;color:var(--secondary);background:#10b9811a;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.step-card h4{font-size:.9rem;font-weight:700}.step-card p{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.step-card code{color:var(--primary);background:#00000040;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.72rem}.python-script-box{border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff08;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.script-header{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.script-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.code-block{border-radius:var(--radius-sm);background:#020204;border:1px solid #ffffff0a;padding:.75rem;overflow-x:auto}.code-block code{color:#34d399;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5}.inline-converter-container{width:100%;max-width:720px;margin:0 auto;animation:.6s fadeIn}.inline-converter-wrapper{width:100%}.inline-converter-wrapper .inline-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;display:flex;box-shadow:0 16px 40px #0006}.tg-conv-container{flex-direction:column;gap:1.5rem;max-width:720px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.tg-conv-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.tg-conv-back{align-self:flex-start}@keyframes onboarding-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboarding-slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onboarding-iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #06b6d466}50%{transform:scale(1.05);box-shadow:0 0 0 20px #06b6d400}}@keyframes onboarding-sparkle{0%,to{opacity:.4;transform:rotate(0)scale(.8)}50%{opacity:1;transform:rotate(15deg)scale(1.2)}}.onboarding-overlay{z-index:9999;background:var(--bg-dark);justify-content:center;align-items:center;animation:.5s onboarding-fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.onboarding-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#06b6d414 0%,#0000 50%),radial-gradient(circle at 70% 80%,#8b5cf60f 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.onboarding-container{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:420px;padding:2.5rem 2rem;animation:.6s onboarding-slideUp;display:flex;position:relative}.onboarding-skip{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:2px;padding:.5rem .75rem;font-size:.85rem;font-weight:500;display:flex;position:absolute;top:0;right:.5rem}.onboarding-skip:hover{color:var(--text-primary);background:#ffffff0d}.onboarding-slide{text-align:center;flex-direction:column;align-items:center;gap:1rem;animation:.4s onboarding-slideUp;display:flex}.onboarding-icon-wrap{border-radius:32px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:.5rem;animation:3s ease-in-out infinite onboarding-iconPulse;display:flex;position:relative;box-shadow:0 8px 32px #0000004d}.onboarding-icon-sparkle{color:#fbbf24;animation:2s ease-in-out infinite onboarding-sparkle;position:absolute;top:-6px;right:-6px}.onboarding-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.2}.onboarding-subtitle{font-family:var(--font-sans);color:var(--primary);margin-top:-.25rem;font-size:1rem;font-weight:500}.onboarding-desc{font-family:var(--font-sans);color:var(--text-secondary);max-width:320px;font-size:.9rem;font-weight:400;line-height:1.6}.onboarding-dots{align-items:center;gap:8px;display:flex}.onboarding-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition-smooth);background:#ffffff26;border:none;border-radius:50%;padding:0}.onboarding-dot.active{background:var(--primary);border-radius:10px;width:28px}.onboarding-action-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;width:100%;max-width:280px;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 20px #06b6d459}.onboarding-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #06b6d473}.onboarding-action-btn:active{transform:scale(.97)}