:root,[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-elevated: #1a1a24;--bg-hover: #22222e;--bg-card: #15151e;--bg-glass: rgba(17, 17, 24, .85);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #1DB954;--accent-light: #23e066;--accent-dark: #17a048;--accent-glow: rgba(29, 185, 84, .25);--accent-subtle: rgba(29, 185, 84, .08);--gold: #f0b429;--red: #ef4444;--blue: #3b82f6;--purple: #8b5cf6;--border: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px var(--accent-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--player-h: 96px;--sidebar-w: 260px;--topnav-h: 64px;--mobile-nav-h: 60px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-elevated: #eeeef2;--bg-hover: #e4e4ea;--bg-card: #ffffff;--bg-glass: rgba(255,255,255,.9);--text-primary: #111118;--text-secondary: #64648a;--text-muted: #9999b0;--border: rgba(0,0,0,.06);--border-color: rgba(0,0,0,.06);--border-light: rgba(0,0,0,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:clip;-webkit-font-smoothing:antialiased;line-height:1.5;-webkit-overflow-scrolling:touch}#app{overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::selection{background:var(--accent);color:#fff}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border);height:100vh;position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column;padding:0;overflow:hidden;padding-bottom:var(--player-h)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:14px 16px 10px;text-decoration:none;flex-shrink:0;overflow:hidden}.sidebar-logo img,.sidebar-logo .sidebar-logo-img{height:auto;width:100%;max-width:100%;max-height:70px;border-radius:0;flex-shrink:0;object-fit:contain;object-position:left center}.sidebar-logo-text{font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-section{margin-bottom:0}.sidebar-section-title,.sidebar-section-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:var(--text-muted);padding:12px 20px 5px;user-select:none}.sidebar-divider{height:1px;background:var(--border);margin:4px 16px}.sidebar-divider-admin{background:#ef44442e;margin:6px 16px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:9px 20px;border-radius:0;color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;position:relative;white-space:nowrap}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-link i{font-size:1.1rem;width:22px;text-align:center;flex-shrink:0}.sidebar-badge{margin-left:auto;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:var(--accent);color:#fff;line-height:1.2}.sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 20px;border:none;background:none;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text-secondary);border-radius:0;transition:all .15s}.sidebar-group-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-group-toggle.expanded{color:var(--text-primary)}.sidebar-group-toggle span{display:flex;align-items:center;gap:12px}.sidebar-group-toggle span i:first-child{font-size:1.1rem;width:22px;text-align:center}.sidebar-group-toggle .toggle-chevron{font-size:.6rem;transition:transform .2s;color:var(--text-muted)}.sidebar-group-toggle.expanded .toggle-chevron{transform:rotate(0)}.sidebar-group-items{padding-left:0;animation:sidebarSlideIn .15s ease;overflow:hidden}.sidebar-group-items .sidebar-link{padding:7px 20px 7px 54px;font-size:.84rem}@keyframes sidebarSlideIn{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;padding-bottom:calc(var(--player-h) + 24px);overflow-x:hidden}.page-content{padding:24px 28px;max-width:1440px;margin:0 auto;overflow-x:hidden}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:var(--topnav-h);background:var(--bg-glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:500;gap:8px}.nav-actions{display:flex;align-items:center;gap:6px;min-width:0}.nav-actions:first-child{flex:1;overflow:hidden}.nav-actions:last-child{flex-shrink:0}.nav-btn{width:34px;height:34px;border-radius:50%;background:var(--bg-elevated);border:none;color:var(--text-secondary);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:9px 18px;min-width:320px;transition:all .15s}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar i{color:var(--text-muted);font-size:.9rem}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.86rem}.search-bar input::placeholder{color:var(--text-muted)}.user-menu{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:var(--radius-full);transition:all .15s}.user-menu:hover{background:var(--bg-elevated)}.user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.user-name{font-size:.84rem;font-weight:600}.bottom-player{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);background:linear-gradient(180deg,#121216f2,#0a0a0efa);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 20px;z-index:200;gap:20px;box-shadow:0 -4px 30px #0000004d}.player-song-info{display:flex;align-items:center;gap:14px;min-width:220px;flex:0 1 30%}.player-song-info img{width:58px;height:58px;border-radius:8px;object-fit:cover;box-shadow:0 4px 16px #0006;flex-shrink:0;transition:transform .3s}.player-song-info img:hover{transform:scale(1.05)}.player-text{min-width:0;flex:1}.player-title{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.player-artist{font-size:.78rem;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist:hover{color:#fffc}.player-center{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.player-controls{display:flex;align-items:center;gap:16px}.player-btn{background:none;border:none;color:#ffffff8c;font-size:1.15rem;cursor:pointer;padding:6px;transition:all .15s;border-radius:50%}.player-btn:hover{color:#fff;transform:scale(1.12);background:#ffffff0f}.player-btn.play{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 0 22px #1db95466,0 4px 14px #00000059;transition:all .2s}.player-btn.play:hover{transform:scale(1.1);box-shadow:0 0 32px #1db95499,0 6px 20px #00000073;background:#1ed760}.player-btn-liked{color:#ef4444!important}.player-progress{display:flex;align-items:center;gap:10px;width:100%;max-width:620px}.player-time{font-size:.7rem;color:#ffffff73;min-width:38px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.progress-bar-container{flex:1;height:4px;background:#ffffff24;border-radius:99px;cursor:pointer;position:relative;padding:13px 0;margin:-13px 0;box-sizing:content-box;background-clip:content-box;display:flex;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .2s}.progress-bar-container:hover{background:#fff3;background-clip:content-box}.progress-bar-fill{height:4px;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:99px;position:relative;pointer-events:none;transition:height .15s;box-shadow:0 0 8px #1db9544d}.progress-bar-fill:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 0 8px #1db954b3,0 2px 4px #0006;transition:transform .15s}.progress-bar-container:hover .progress-bar-fill{height:6px}.progress-bar-container:hover .progress-bar-fill:after{transform:translateY(-50%) scale(1.3);box-shadow:0 0 12px #1db954e6,0 2px 6px #00000080}.player-right{display:flex;align-items:center;gap:10px;flex:0 1 30%;justify-content:flex-end}.volume-slider{appearance:none;-webkit-appearance:none;width:90px;height:4px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--volume-pct, 100%),rgba(255,255,255,.15) var(--volume-pct, 100%),rgba(255,255,255,.15) 100%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 6px #0006;transition:transform .15s}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:13px;height:13px;background:#fff;border-radius:50%;border:none;cursor:pointer;box-shadow:0 1px 6px #0006}.volume-pct{font-size:.7rem;color:#fff6;min-width:30px;font-variant-numeric:tabular-nums;text-align:right}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:1.35rem;font-weight:800;letter-spacing:-.3px}.section-link{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:4px;transition:color .2s,gap .2s;text-decoration:none}.section-link:hover{color:var(--accent);gap:8px}.section-header-right{display:flex;align-items:center;gap:8px}.scroll-nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:30px;height:30px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;flex-shrink:0}.scroll-nav-btn:hover{background:#ffffff2e;color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.horizontal-scroll{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll>.music-card,.horizontal-scroll>.genre-card,.horizontal-scroll>a.genre-chip{flex:0 0 175px;scroll-snap-align:start}@media(max-width:640px){.horizontal-scroll>.music-card,.horizontal-scroll>.genre-card,.horizontal-scroll>a.genre-chip{flex:0 0 145px}}.music-card{background:var(--bg-card);border-radius:var(--radius-md);padding:12px;transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden;border:1px solid transparent}.music-card:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg)}.music-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:10px;transition:transform .5s cubic-bezier(.25,.8,.25,1),filter .3s}.music-card:hover img{transform:scale(1.05)}.music-card-title{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.music-card-subtitle{font-size:.76rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card-play{position:absolute;right:18px;bottom:72px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #1db95459}.music-card:hover .music-card-play{opacity:1;transform:translateY(0)}.music-card-play:hover{transform:scale(1.12)!important;background:var(--accent-light)}.music-card.artist-card>a{display:block;overflow:hidden;border-radius:50%;margin-bottom:10px}.music-card.artist-card>a img{border-radius:50%;margin-bottom:0}.music-card.artist-card img{border-radius:50%}.music-card.artist-card .music-card-title,.music-card.artist-card .music-card-subtitle{text-align:center}.music-card.artist-card .music-card-play{display:none}.song-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--radius-sm);transition:all .15s;cursor:pointer}.song-row:hover{background:var(--bg-hover)}.song-row-num{font-size:.82rem;color:var(--text-muted);min-width:24px;text-align:center}.song-row img{width:44px;height:44px;border-radius:6px;object-fit:cover}.song-row-info{flex:1;min-width:0}.song-row-title{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row-title-link{color:inherit;text-decoration:none}.song-row-title-link:hover{color:#1db954;text-decoration:underline}.song-row-artist{font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row-artist-link{color:var(--text-secondary);text-decoration:none}.song-row-artist-link:hover{color:#fff;text-decoration:underline}.song-row--playing{background:#1db95414}.song-row--playing:hover{background:#1db95424}.song-row--playing .song-row-title,.song-row--playing .song-row-num{color:#1db954}.song-row-equalizer{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.song-row-equalizer .eq-bar{width:3px;background:#1db954;border-radius:1px;animation:eqBounce .8s ease-in-out infinite alternate}.song-row-equalizer .eq-bar:nth-child(1){height:60%;animation-delay:0s}.song-row-equalizer .eq-bar:nth-child(2){height:100%;animation-delay:.2s}.song-row-equalizer .eq-bar:nth-child(3){height:40%;animation-delay:.4s}@keyframes eqBounce{0%{height:30%}to{height:100%}}.page-hero{position:relative;padding:48px 32px;border-radius:var(--radius-lg);margin-bottom:32px;overflow:hidden;min-height:200px;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-primary))}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,10,15,.92) 100%);pointer-events:none}.page-hero>*{position:relative;z-index:2}.page-hero h1{font-size:2.8rem;font-weight:900;letter-spacing:-1px;line-height:1.05;margin:0 0 4px;display:flex;align-items:center;gap:14px}.page-hero p{color:#f0f0f5cc;font-size:1.05rem;margin:0}.page-hero-body{flex:1;min-width:0}.page-hero .btn{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 28px;border-radius:var(--radius-full);font-size:.86rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);color:#fff}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-outline{background:transparent;border:1.5px solid var(--border-light);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary);background:var(--bg-elevated)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-active{background:var(--accent);border-color:var(--accent);color:#fff!important}.btn-active:hover{background:var(--accent-light);border-color:var(--accent-light);color:#fff!important}.btn-sm{padding:7px 18px;font-size:.8rem}.btn-play-lg{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--shadow-glow);transition:all .15s}.btn-play-lg:hover{transform:scale(1.08);background:var(--accent-light)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-gold{background:#f0b4291f;color:var(--gold)}.badge-red{background:#ef44441f;color:var(--red)}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.genre-card{position:relative;border-radius:var(--radius-md);padding:24px 20px;overflow:hidden;cursor:pointer;transition:all .25s;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}.genre-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.genre-card-title{font-size:1rem;font-weight:700;color:#fff}.genre-card-count{font-size:.75rem;color:#ffffffb3;margin-top:2px}.empty-state{text-align:center;padding:80px 20px;max-width:400px;margin:0 auto}.empty-state-icon{font-size:3.5rem;margin-bottom:16px}.empty-state h3{font-size:1.15rem;font-weight:700;margin-bottom:6px}.empty-state p{font-size:.88rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:11px 16px;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--text-primary);outline:none;transition:all .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:100px}.form-error{font-size:.78rem;color:var(--red);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{padding:14px 20px;border-radius:var(--radius-md);backdrop-filter:blur(20px);display:flex;align-items:center;gap:12px;font-size:.86rem;font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .3s ease-out;border:1px solid var(--border)}.toast-success{background:#1db95426;border-color:#1db9544d;color:var(--accent)}.toast-error{background:#ef444426;border-color:#ef44444d;color:var(--red)}.toast-warning{background:#f0b42926;border-color:#f0b4294d;color:var(--gold)}.toast-info{background:#3b82f626;border-color:#3b82f64d;color:var(--blue)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:150;padding:6px 0 env(safe-area-inset-bottom,4px)}.mobile-nav-items{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;color:var(--text-muted);text-decoration:none;font-size:.62rem;font-weight:600;transition:color .15s}.mobile-nav-item i{font-size:1.25rem}.mobile-nav-item.active{color:var(--accent)}@keyframes supportPulse{0%,to{box-shadow:0 0 8px #f9731626;border-color:#f9731666}50%{box-shadow:0 0 18px #f9731661;border-color:#f97316b8}}.ig-feed-container{max-width:630px;margin:0 auto}.ig-post{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:18px;overflow:hidden}.ig-post-header{display:flex;align-items:center;padding:14px 16px;gap:10px}.ig-post-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.ig-post-username{font-weight:600;font-size:.86rem}.ig-actions{display:flex;align-items:center;padding:8px 16px 4px;gap:4px}.ig-action-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary);font-size:1.3rem;transition:all .15s}.ig-action-btn:hover{opacity:.6}.ig-action-btn.liked{color:var(--red)}.ig-likes{padding:0 16px;font-weight:600;font-size:.86rem;margin-bottom:4px}.ig-caption{padding:0 16px 10px;font-size:.86rem;line-height:1.5}.ig-bible-tag{display:inline-flex;align-items:center;gap:4px;background:var(--accent-subtle);color:var(--accent);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.ig-comment-input{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.ig-comment-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.86rem;outline:none}.ig2-layout{display:flex;gap:36px;max-width:935px;margin:0 auto;padding:0}.ig2-main{flex:1;max-width:614px;min-width:0}.ig2-sidebar{width:290px;flex-shrink:0;position:sticky;top:calc(var(--topnav-h, 64px) + 20px);align-self:flex-start;padding-top:24px}@media(max-width:999px){.ig2-sidebar{display:none}.ig2-layout{max-width:614px}}.ig-stories-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 12px;margin-bottom:20px;overflow:hidden}.ig-stories-scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 4px}.ig-stories-scroll::-webkit-scrollbar{display:none}.ig-story-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.ig-story-ring{width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);position:relative}.ig-story-ring.own{background:var(--border)}.ig-story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-secondary);background:var(--bg-secondary)}.ig-story-plus{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid var(--bg-card)}.ig-story-name{font-size:.72rem;color:var(--text-secondary);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.churches-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.churches-header-text h1{font-size:1.8rem;font-weight:800;display:flex;align-items:center;gap:10px;color:#f0f0f5}.churches-header-text h1 i{color:#1db954}.churches-header-text p{color:#8888a0;font-size:.9rem;margin-top:4px}.churches-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.churches-search{display:flex;align-items:center;gap:10px;background:#1a1a24;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);padding:10px 18px;flex:1;min-width:240px;transition:border-color .15s}.churches-search:focus-within{border-color:#1db954;box-shadow:0 0 0 3px #1db95440}.churches-search i{color:#55556a}.churches-search input{flex:1;background:transparent;border:none;outline:none;color:#f0f0f5;font-size:.88rem}.churches-select{background:#1a1a24;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:10px 14px;color:#f0f0f5;font-size:.86rem;min-width:160px;cursor:pointer}.churches-select:focus{border-color:#1db954;outline:none}.churches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:100%}.church-card{background:#15151e!important;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;color:#f0f0f5}.church-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.church-card-banner{position:relative;height:180px;overflow:hidden;background:#1a1a2e!important}.church-card-banner img{width:100%;height:100%;object-fit:cover;display:block;background:#1a1a2e!important}.church-card-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1db95440,#1a1a24)!important;font-size:3rem;color:#55556a}.church-card-logo{position:absolute;bottom:-28px;left:16px;width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #15151e;background:#15151e;box-shadow:0 2px 8px #0000004d;z-index:2}.church-card-body{padding:16px 16px 12px;flex:1;background:#15151e!important;color:#f0f0f5!important}.church-card-body.has-logo{padding-top:36px}.church-card-name{font-size:1.08rem;font-weight:700;margin-bottom:8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f0f5!important}.church-card-location,.church-card-pastor,.church-card-times{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#8888a0!important;margin-top:6px}.church-card-location i,.church-card-pastor i,.church-card-times i{color:#1db954!important;font-size:.8rem;flex-shrink:0}.church-card-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:10px;justify-content:center;margin-top:auto;background:#15151e!important}.church-badge{display:inline-block;background:#1db95440!important;color:#1db954!important;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.church-badge-sm{font-size:.68rem;padding:2px 8px}.churches-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.churches-empty i{font-size:3.5rem;color:var(--text-muted);margin-bottom:16px;display:block}.churches-empty h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.churches-empty p{margin-bottom:20px}.churches-loader{padding:20px 0;text-align:center;min-height:40px}.churches-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:.88rem}.spinner-sm{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.church-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.church-modal{background:#15151e!important;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);width:100%;max-height:90vh;overflow-y:auto;position:relative;color:#f0f0f5;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.church-modal-form{max-width:720px}.church-modal-detail{max-width:800px}.church-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;background:#15151e!important;z-index:10}.church-modal-header h2{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px;color:#f0f0f5}.church-modal-header h2 i{color:#1db954}.church-modal-close{width:36px;height:36px;border-radius:50%;background:#1a1a24;border:1px solid rgba(255,255,255,.06);color:#8888a0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:absolute;top:16px;right:16px;z-index:20}.church-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.church-form{padding:20px 24px}.church-form-section{margin-bottom:24px}.church-form-section h3{font-size:.95rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px;color:var(--accent)}.church-form-note{font-size:.78rem;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}.church-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.church-field{display:flex;flex-direction:column;gap:4px}.church-field.full{grid-column:1 / -1}.church-field label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.church-field input,.church-field select,.church-field textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-size:.86rem;transition:border-color .15s}.church-field input:focus,.church-field select:focus,.church-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.church-field textarea{resize:vertical;font-family:inherit}.field-error{font-size:.75rem;color:var(--red)}.church-img-preview{border-radius:var(--radius-sm);margin-top:8px;object-fit:cover}.church-img-preview.logo{width:64px;height:64px;border-radius:50%}.church-img-preview.banner{width:100%;max-height:120px}.church-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border)}.church-success-msg{background:#10b98126;color:#10b981;padding:12px 20px;margin:16px 24px 0;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600}.church-errors-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);margin:12px 24px 0;padding:14px 18px;animation:shakeError .4s ease-in-out}.church-errors-header{display:flex;align-items:center;gap:8px;color:#ef4444;font-size:.88rem;margin-bottom:8px}.church-errors-header i{font-size:1.1rem}.church-errors-list{list-style:none;padding:0;margin:0}.church-errors-list li{font-size:.82rem;color:#fca5a5;padding:2px 0;display:flex;align-items:center;gap:2px}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.church-field.has-error input,.church-field.has-error select,.church-field.has-error textarea{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.field-error{font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:2px}.field-error i{font-size:.7rem}.church-map-errors{display:flex;flex-direction:column;gap:2px;margin-top:4px}.church-map-picker{margin-top:4px}.church-map-container{width:100%;height:280px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-elevated);z-index:1;position:relative}.church-map-loading{display:flex;align-items:center;justify-content:center;gap:8px;height:280px;color:var(--text-muted);font-size:.85rem}.church-map-hint{font-size:.78rem;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:6px}.church-map-hint i{color:var(--accent)}.church-coord-input{background:var(--bg-surface)!important;color:var(--text-muted)!important;cursor:default}.church-dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:0;cursor:pointer;transition:all .2s;overflow:hidden;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative}.church-dropzone:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.05)}.church-dropzone-active{border-color:var(--accent)!important;background:rgba(var(--accent-rgb, 59, 130, 246),.12)!important;transform:scale(1.01)}.church-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;color:var(--text-muted);text-align:center}.church-dropzone-placeholder i{font-size:1.8rem;color:var(--accent);opacity:.7}.church-dropzone-placeholder span{font-size:.82rem;font-weight:500}.church-dropzone-placeholder small{font-size:.72rem;opacity:.6}.church-dropzone-preview{position:relative;width:100%;height:100%;min-height:100px}.church-dropzone-preview img{width:100%;height:100%;min-height:100px;max-height:140px;object-fit:cover}.church-dropzone-preview img.logo{width:80px;height:80px;border-radius:50%;margin:10px auto;display:block;object-fit:cover}.church-dropzone-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:.85rem;font-weight:600;opacity:0;transition:opacity .2s;gap:6px}.church-dropzone:hover .church-dropzone-overlay{opacity:1}.church-detail-banner{height:220px;overflow:hidden;border-radius:0;position:relative;background:#1a1a2e!important}.church-detail-banner img{width:100%;height:100%;object-fit:cover;background:#1a1a2e!important}.church-detail-banner-placeholder{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1db95440,#1a1a24)!important;font-size:4rem;color:#55556a}.church-detail-body{padding:0 24px 24px}.church-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;margin-top:-32px;position:relative;z-index:2}.church-detail-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:4px solid #15151e;background:#15151e;flex-shrink:0;box-shadow:0 2px 10px #0000004d}.church-detail-logo-placeholder{width:72px;height:72px;border-radius:50%;background:#1a1a24;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#55556a;flex-shrink:0;border:4px solid #15151e;box-shadow:0 2px 10px #0000004d}.church-detail-header-info{flex:1;min-width:0;padding-top:36px}.church-detail-header-info h2{font-size:1.4rem;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f0f5}.church-detail-desc{color:#8888a0;font-size:.9rem;line-height:1.6;margin-bottom:20px}.church-detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.church-detail-section:last-child{border-bottom:none}.church-detail-section h3{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1db954}.church-detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.86rem;color:#f0f0f5}.church-detail-info-grid a{color:#1db954}.church-detail-info-grid a:hover{text-decoration:underline}.church-map-embed{margin-top:12px;border-radius:var(--radius-md);overflow:hidden}.church-service-times{display:flex;flex-wrap:wrap;gap:8px}.church-time-chip{background:#1a1a24;border:1px solid rgba(255,255,255,.06);padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;color:#f0f0f5}.church-login-notice{background:#1a1a24;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:20px;text-align:center}.church-login-notice i{font-size:1.8rem;color:#55556a;margin-bottom:8px;display:block}.church-login-notice p{font-size:.88rem;color:#8888a0}.church-registered-by{text-align:right;color:#55556a;font-size:.78rem;padding-top:12px}.prayer-schedule-list{display:flex;flex-direction:column;gap:6px}.prayer-month-row{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .2s}.prayer-month-row.filled{border-color:#10b98166}.prayer-month-row.open{border-color:#10b981b3}.prayer-month-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:10px 14px;border:none;cursor:pointer;color:var(--text-primary);font-size:.88rem;font-weight:500;text-align:left;transition:background .15s}.prayer-month-toggle:hover{background:var(--bg-hover)}.prayer-month-label{display:flex;align-items:center;gap:8px}.prayer-month-fields{padding:12px 14px;background:var(--bg-primary)}.prayer-schedule-display{display:flex;flex-direction:column;gap:6px}.prayer-display-row{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.prayer-display-row.current-month{border-color:#10b98199;box-shadow:0 0 0 2px #10b98126}.prayer-display-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:10px 14px;border:none;cursor:pointer;color:var(--text-primary);font-size:.88rem;font-weight:500;text-align:left;gap:8px;transition:background .15s}.prayer-display-toggle:hover{background:var(--bg-hover)}.prayer-display-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.prayer-current-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;margin-right:6px}.prayer-theme-preview{color:#8888a0;font-weight:400;font-size:.83rem}.prayer-display-details{padding:12px 16px;background:var(--bg-primary);border-top:1px solid var(--border-color)}.prayer-display-details p{margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.prayer-entry-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:14px 14px 10px;margin-bottom:12px}.prayer-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prayer-entry-num{font-size:.82rem;font-weight:700;color:var(--accent-color);display:flex;align-items:center;gap:6px}.prayer-entry-remove{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:3px 10px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s}.prayer-entry-remove:hover{background:#ef444440}.prayer-add-session-btn{width:100%;padding:10px;border:2px dashed var(--border-color);border-radius:10px;background:transparent;color:var(--accent-color);font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,background .15s;margin-top:4px}.prayer-add-session-btn:hover{border-color:var(--accent-color);background:rgba(var(--accent-rgb),.07)}.prayer-session-item{padding:10px 0;border-bottom:1px solid var(--border-color)}.prayer-session-item:last-child{border-bottom:none;padding-bottom:0}.prayer-session-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.prayer-session-details{margin:0;font-size:.86rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}@media(max-width:768px){.churches-grid,.church-form-grid{grid-template-columns:1fr}.church-field.full{grid-column:1}.churches-filters{flex-direction:column}.churches-select{min-width:100%}.church-detail-info-grid{grid-template-columns:1fr}.church-detail-banner,.church-detail-banner-placeholder{height:160px}.churches-header{flex-direction:column;align-items:flex-start}.church-modal{margin:10px}.church-map-container{height:220px}.church-dropzone-placeholder i{font-size:1.4rem}.church-errors-banner{margin:10px 16px 0;padding:10px 14px}.church-card-banner{height:150px}.church-detail-header{margin-top:-24px}.church-detail-logo,.church-detail-logo-placeholder{width:60px;height:60px}.church-detail-header-info h2{font-size:1.15rem}.church-detail-header-info{padding-top:28px}.church-card-footer{flex-direction:row;justify-content:center}}.ig2-create-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;cursor:pointer;transition:all .2s}.ig2-create-bar:hover{border-color:var(--border-light);background:var(--bg-hover)}.ig2-create-bar img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.ig2-create-bar-placeholder{flex:1;color:var(--text-muted);font-size:.9rem}.ig2-create-bar-icons{display:flex;gap:12px;font-size:1.2rem}.ig-login-prompt{text-align:center;padding:48px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px}.ig-login-prompt-icon{font-size:2.5rem;color:var(--text-muted);margin-bottom:16px}.ig-login-prompt h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}.ig-login-prompt p{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px;line-height:1.5}.ig-login-prompt-actions{display:flex;gap:12px;justify-content:center}.ig2-filters{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ig2-filters::-webkit-scrollbar{display:none}.ig2-filter{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s}.ig2-filter:hover{border-color:var(--text-muted);color:var(--text-primary)}.ig2-filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.ig2-filter i{font-size:.9rem}.ig2-fab{position:fixed;bottom:calc(var(--player-h, 88px) + 24px);right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #1db95466;z-index:100;transition:all .2s}.ig2-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #1db95480}@media(min-width:768px){.ig2-fab{display:none}}.ig2-post{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden;transition:border-color .2s}.ig2-post-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.ig2-post-user-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);min-width:0}.ig2-avatar-ring{width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);flex-shrink:0}.ig2-post-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg-card)}.ig2-post-user-info{display:flex;flex-direction:column;min-width:0}.ig2-post-username{font-weight:600;font-size:.88rem;line-height:1.2}.ig2-post-location,.ig2-post-timeago{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig2-post-location i{font-size:.65rem;margin-right:2px}.ig2-post-menu{background:none;border:none;color:var(--text-primary);font-size:1.1rem;cursor:pointer;padding:4px 6px;border-radius:50%;transition:background .15s}.ig2-post-menu:hover{background:var(--bg-hover)}.ig2-post-media{position:relative;background:#000;width:100%}.ig2-post-img{width:100%;max-height:600px;object-fit:cover;display:block}.ig2-post-video{width:100%;max-height:600px;display:block;background:#000}.ig2-double-tap-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;color:#fff;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));animation:doubleTapHeart 1s ease-out forwards;pointer-events:none;z-index:10}@keyframes doubleTapHeart{0%{transform:translate(-50%,-50%) scale(0);opacity:1}15%{transform:translate(-50%,-50%) scale(1.3)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.ig2-post-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 2px}.ig2-actions-left{display:flex;gap:4px}.ig2-action-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary);font-size:1.4rem;transition:all .15s;line-height:1}.ig2-action-btn:hover{opacity:.6;transform:scale(1.05)}.ig2-action-btn.liked{color:var(--red)}.ig2-action-btn.liked:hover{opacity:.8}.ig2-action-btn.saved{color:var(--text-primary)}.ig2-likes{padding:0 16px;font-weight:700;font-size:.88rem;margin-bottom:4px}.ig2-caption{padding:0 16px 6px;font-size:.88rem;line-height:1.55;word-wrap:break-word}.ig2-caption-user{font-weight:600;color:var(--text-primary);text-decoration:none;margin-right:5px}.ig2-caption-user:hover{text-decoration:underline}.ig2-caption-text{color:var(--text-primary)}.ig2-more-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.88rem;padding:0;margin-left:4px}.ig2-more-btn:hover{color:var(--text-secondary)}.ig2-badge-row{padding:4px 16px 6px}.ig2-type-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;text-transform:capitalize}.ig2-type-badge.badge-testimony{background:#f59e0b26;color:#f59e0b}.ig2-type-badge.badge-prayer_request{background:#3b82f626;color:#3b82f6}.ig2-type-badge.badge-worship{background:#ec489926;color:#ec4899}.ig2-type-badge.badge-verse{background:#10b98126;color:#10b981}.ig2-type-badge.badge-general{background:#8b5cf626;color:#8b5cf6}.ig2-timestamp{padding:2px 16px 6px;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.ig2-view-comments{display:block;padding:2px 16px 8px;background:none;border:none;color:var(--text-muted);font-size:.86rem;cursor:pointer;text-align:left}.ig2-view-comments:hover{color:var(--text-secondary)}.ig2-comments{padding:0 16px 8px;border-top:1px solid var(--border)}.ig2-comments-list{max-height:300px;overflow-y:auto;padding:12px 0 4px}.ig2-comment{display:flex;gap:10px;margin-bottom:12px}.ig2-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.ig2-comment-body{flex:1;min-width:0}.ig2-comment-user{font-weight:600;font-size:.84rem;color:var(--text-primary);text-decoration:none;margin-right:4px}.ig2-comment-user:hover{text-decoration:underline}.ig2-comment-text{font-size:.84rem;color:var(--text-primary)}.ig2-comment-meta{display:flex;gap:12px;margin-top:4px;font-size:.72rem;color:var(--text-muted)}.ig2-comment-delete{background:none;border:none;color:var(--red);cursor:pointer;font-size:.72rem}.ig2-no-comments{color:var(--text-muted);font-size:.84rem;padding:8px 0}.ig2-comment-form{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border)}.ig2-comment-form-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.ig2-comment-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.86rem;outline:none;padding:4px 0}.ig2-comment-input::placeholder{color:var(--text-muted)}.ig2-comment-post{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;font-size:.86rem;padding:4px 8px;transition:opacity .15s}.ig2-comment-post:hover{opacity:.7}.ig-modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:igFadeIn .2s}@keyframes igFadeIn{0%{opacity:0}to{opacity:1}}.ig-share-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;overflow:hidden;animation:igSlideUp .25s ease-out}@keyframes igSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ig-share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.ig-share-modal-header h3{font-size:1rem;font-weight:700}.ig-share-modal-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem}.ig-share-options{display:flex;flex-direction:column;padding:8px 0}.ig-share-option{display:flex;align-items:center;gap:14px;padding:14px 20px;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;text-decoration:none;transition:background .15s;width:100%;text-align:left}.ig-share-option:hover{background:var(--bg-hover)}.ig-share-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ig-share-icon.whatsapp{background:#25d36626;color:#25d366}.ig-share-icon.twitter{background:#1da1f226;color:#1da1f2}.ig-share-icon.facebook{background:#3b599826;color:#3b5998}.ig-options-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;overflow:hidden;animation:igSlideUp .25s ease-out}.ig-option-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.9rem;cursor:pointer;width:100%;text-align:left;transition:background .15s}.ig-option-item:last-child{border-bottom:none}.ig-option-item:hover{background:var(--bg-hover)}.ig-option-item.danger{color:var(--red);font-weight:600}.ig2-create-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:igSlideUp .25s ease-out}.ig2-create-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.ig2-create-header h3{font-size:1rem;font-weight:700}.ig2-create-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px}.ig2-create-share{background:none;border:none;color:var(--accent);font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .15s}.ig2-create-share:hover{opacity:.7}.ig2-create-share:disabled{opacity:.3;cursor:default}.ig2-create-body{padding:16px}.ig2-create-user{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ig2-create-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.ig2-create-username{font-weight:600;font-size:.9rem}.ig2-create-loc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.ig2-create-loc i{font-size:.68rem;margin-right:2px}.ig2-create-textarea{width:100%;min-height:100px;background:transparent;border:none;color:var(--text-primary);font-size:.92rem;line-height:1.6;outline:none;resize:none;padding:0;margin-bottom:16px;font-family:inherit}.ig2-create-textarea::placeholder{color:var(--text-muted)}.ig2-rich-editor{border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden;background:var(--bg-secondary)}.ig2-rich-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap}.ig2-rich-toolbar button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.95rem;transition:background .15s,color .15s}.ig2-rich-toolbar button:hover{background:var(--hover-bg);color:var(--text-primary)}.ig2-rich-toolbar button.active{background:var(--accent-subtle);color:var(--accent)}.ig2-toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.ig2-rich-content{min-height:100px;max-height:260px;overflow-y:auto;padding:10px 12px;color:var(--text-primary);font-size:.92rem;line-height:1.65;outline:none;font-family:inherit;word-break:break-word}.ig2-rich-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.ig2-rich-display{font-size:.9rem;line-height:1.65}.ig2-rich-display b,.ig2-rich-display strong{font-weight:700}.ig2-rich-display i,.ig2-rich-display em{font-style:italic}.ig2-rich-display u{text-decoration:underline}.ig2-rich-display div,.ig2-rich-display p{margin:0;padding:0}.ig2-create-preview{position:relative;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:16px}.ig2-create-preview img,.ig2-create-preview video{width:100%;max-height:350px;object-fit:cover;display:block;border-radius:var(--radius-sm)}.ig2-create-remove{position:absolute;top:8px;right:8px;background:#0009;border:none;color:#fff;font-size:1.4rem;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .15s}.ig2-create-remove:hover{background:#000c}.ig2-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:40px 20px;text-align:center;margin-bottom:16px;transition:all .2s}.ig2-dropzone.active{border-color:var(--accent);background:var(--accent-subtle)}.ig2-dropzone i{font-size:2.5rem;color:var(--text-muted);display:block;margin-bottom:8px}.ig2-dropzone p{color:var(--text-secondary);font-size:.88rem;margin-bottom:16px}.ig2-dropzone-btns{display:flex;gap:10px;justify-content:center}.ig2-dropzone-btns button{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s}.ig2-dropzone-btns button:hover{border-color:var(--accent);color:var(--accent)}.ig2-dropzone-hint{font-size:.75rem;color:var(--text-muted);margin-top:-4px;margin-bottom:6px}.ig2-upload-progress{width:100%;height:28px;background:var(--bg-elevated);position:relative;overflow:hidden}.ig2-upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#1ed760);transition:width .3s ease;border-radius:0}.ig2-upload-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.ig2-upload-error{padding:10px 16px;background:#dc35451f;border-bottom:1px solid rgba(220,53,69,.25);color:#f55;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:8px}.ig2-upload-error i{font-size:1rem;flex-shrink:0}.ig2-file-info{position:absolute;bottom:10px;left:10px;background:#000000b3;backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:5px}.ig2-compress-note{color:#1ed760;font-weight:500}.ig2-create-preview{position:relative}.ig2-create-types{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.ig2-type-pill{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.ig2-type-pill:hover{border-color:var(--text-muted);color:var(--text-primary)}.ig2-type-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.ig2-create-extras{margin-bottom:12px}.ig2-create-extra{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm)}.ig2-create-extra i{color:var(--text-secondary);font-size:1rem}.ig2-create-extra input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.86rem;outline:none}.ig2-create-extra input::placeholder{color:var(--text-muted)}.ig2-create-switch-media{display:flex;gap:10px;margin-bottom:12px}.ig2-create-switch-media button{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.ig2-create-switch-media button:hover{border-color:var(--accent);color:var(--accent)}.ig2-create-charcount{text-align:right;font-size:.72rem;color:var(--text-muted)}.ig2-create-charcount span{color:var(--text-secondary)}.ig2-sidebar-user{margin-bottom:20px}.ig2-sidebar-user-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.ig2-sidebar-user-link img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ig2-sidebar-name{font-weight:600;font-size:.88rem}.ig2-sidebar-bio{font-size:.78rem;color:var(--text-muted)}.ig2-sidebar-suggestions{margin-bottom:20px}.ig2-sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ig2-sidebar-heading span{font-size:.8rem;font-weight:600;color:var(--text-muted)}.ig2-sidebar-heading a{font-size:.78rem;font-weight:600;color:var(--text-primary);text-decoration:none}.ig2-sidebar-heading a:hover{color:var(--accent)}.ig2-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.ig2-sidebar-item-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);min-width:0;flex:1}.ig2-sidebar-item-link img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.ig2-sidebar-item-name{font-weight:600;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig2-sidebar-item-sub{font-size:.72rem;color:var(--text-muted)}.ig2-follow-link{font-size:.78rem;font-weight:700;color:var(--accent);text-decoration:none;padding:4px 8px;flex-shrink:0}.ig2-follow-link:hover{opacity:.7}.ig2-sidebar-footer{font-size:.7rem;color:var(--text-muted);line-height:1.8}.ig2-sidebar-footer a{color:var(--text-muted);text-decoration:none}.ig2-sidebar-footer a:hover{text-decoration:underline}.ig2-sidebar-footer div{margin-top:12px;text-transform:uppercase;letter-spacing:.5px}.ig2-sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.ig2-sidebar-nav-link{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text-secondary);font-size:.82rem;font-weight:500;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:left;width:100%}.ig2-sidebar-nav-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.ig2-sidebar-nav-link i{font-size:1rem;width:20px;text-align:center;color:var(--accent)}.ig2-loading{text-align:center;padding:60px 20px;color:var(--text-muted)}.ig2-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.ig2-loading p{font-size:.86rem}.ig2-empty{text-align:center;padding:80px 20px}.ig2-empty-icon{font-size:3.5rem;color:var(--text-muted);margin-bottom:16px}.ig2-empty h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.ig2-empty p{color:var(--text-secondary);font-size:.88rem;margin-bottom:20px}@media(max-width:614px){.ig2-layout{padding:0}.ig2-main{max-width:100%}.ig-stories-bar,.ig2-post,.ig2-create-bar,.ig-login-prompt{border-radius:0;border-left:none;border-right:none;margin-bottom:12px}.ig2-filters{padding:0 12px 4px;margin-bottom:12px}}.ig-follow-btn{padding:6px 18px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;background:var(--accent);color:#fff;white-space:nowrap}.ig-follow-btn:hover{background:var(--accent-light);transform:scale(1.02)}.ig-follow-btn.following{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.ig-follow-btn.following:hover{background:#dc35451f;color:var(--red);border-color:var(--red)}.ig-follow-btn.lg{padding:8px 28px;font-size:.88rem}.ig-comments-section{padding:0 16px 8px;border-top:1px solid var(--border)}.ig-comments-list{max-height:400px;overflow-y:auto;padding:10px 0 4px}.ig-no-comments{color:var(--text-muted);font-size:.84rem;padding:12px 0;text-align:center}.ig-load-more-btn{background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;padding:6px 0;margin-bottom:8px;display:block}.ig-load-more-btn:hover{color:var(--text-secondary)}.ig-cmt{display:flex;gap:10px;margin-bottom:14px;animation:igFadeIn .2s ease-out}.ig-cmt-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.ig-cmt-av.sm{width:24px;height:24px}.ig-cmt-body{flex:1;min-width:0}.ig-cmt-main{margin-bottom:2px}.ig-cmt-user{font-weight:600;font-size:.84rem;color:var(--text-primary);text-decoration:none;margin-right:5px;cursor:pointer}.ig-cmt-user:hover{text-decoration:underline}.ig-cmt-text{font-size:.84rem;color:var(--text-primary);word-break:break-word}.ig-cmt-meta{display:flex;gap:14px;margin-top:4px;font-size:.72rem;color:var(--text-muted);align-items:center}.ig-cmt-time{color:var(--text-muted)}.ig-cmt-act{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:600;padding:0;transition:color .15s}.ig-cmt-act:hover{color:var(--text-primary)}.ig-cmt-act.danger{color:var(--red)}.ig-cmt-act.danger:hover{color:#f44}.ig-cmt-like{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.72rem;padding:0;transition:color .15s}.ig-cmt-like.liked{color:var(--red)}.ig-view-replies{background:none;border:none;color:var(--text-muted);font-size:.76rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 0;margin-top:4px}.ig-view-replies:hover{color:var(--text-secondary)}.ig-replies-line{width:24px;height:1px;background:var(--text-muted);flex-shrink:0}.ig-reply{margin-left:32px;margin-top:8px}.ig-reply-form{display:flex;align-items:center;gap:8px;margin-left:32px;margin-top:6px;margin-bottom:10px}.ig-reply-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.82rem;outline:none;padding:4px 0}.ig-reply-input::placeholder{color:var(--text-muted)}.ig-reply-post{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;font-size:.82rem;padding:2px 6px;transition:opacity .15s}.ig-reply-post:hover{opacity:.7}.ig2-loading-more{text-align:center;padding:24px 20px;color:var(--text-muted);font-size:.86rem}.ig2-sidebar-see-all{font-size:.78rem;font-weight:600;color:var(--text-primary);background:none;border:none;cursor:pointer;padding:0}.ig2-sidebar-see-all:hover{color:var(--accent)}.ig-profile{max-width:935px;margin:0 auto;padding:24px 16px}.ig-profile-header{display:flex;gap:40px;align-items:flex-start;margin-bottom:24px;padding:20px 0}.ig-profile-avatar-wrap{flex-shrink:0}.ig-profile-avatar-ring{width:150px;height:150px;border-radius:50%;padding:4px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.ig-profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card)}.ig-profile-info{flex:1;min-width:0;padding-top:8px}.ig-profile-top-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ig-profile-username{font-size:1.35rem;font-weight:400;color:var(--text-primary);margin:0}.ig-profile-stats{display:flex;gap:32px;margin-bottom:16px}.ig-profile-stat{display:flex;gap:5px;font-size:.92rem;color:var(--text-primary)}.ig-profile-stat strong{font-weight:700}.ig-profile-stat span{color:var(--text-secondary)}.ig-profile-bio{font-size:.9rem;line-height:1.5;color:var(--text-primary);margin:0 0 6px}.ig-profile-church{font-size:.82rem;color:var(--text-secondary);margin:0}.ig-profile-church i{margin-right:4px}.ig-profile-stats-mobile{display:none;justify-content:space-around;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}.ig-profile-stats-mobile .ig-profile-stat{flex-direction:column;align-items:center;gap:2px}.ig-profile-badges-bar{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px}.ig-profile-badge-item{font-size:.84rem;color:var(--text-secondary);font-weight:600}.ig-profile-tabs{display:flex;justify-content:center;border-top:1px solid var(--border);margin-bottom:2px}.ig-profile-tab{display:flex;align-items:center;gap:6px;padding:14px 20px;background:none;border:none;border-top:1px solid transparent;margin-top:-1px;color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s}.ig-profile-tab.active{color:var(--text-primary);border-top-color:var(--text-primary)}.ig-profile-tab:hover{color:var(--text-secondary)}.ig-profile-tab i{font-size:.85rem}.ig-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ig-profile-grid-item{position:relative;aspect-ratio:1;overflow:hidden;background:#000;border:none;cursor:pointer;padding:0}.ig-profile-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .15s}.ig-profile-grid-overlay{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;font-weight:700;font-size:.9rem;opacity:0;transition:opacity .2s}.ig-profile-grid-overlay i{margin-right:4px}.ig-profile-grid-item:hover .ig-profile-grid-overlay{opacity:1}.ig-profile-empty{text-align:center;padding:60px 20px}.ig-profile-empty-icon{font-size:3.5rem;color:var(--text-muted);width:80px;height:80px;border-radius:50%;border:3px solid var(--text-muted);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.ig-profile-empty h3{font-size:1.4rem;font-weight:300;margin-bottom:8px}.ig-profile-empty p{color:var(--text-secondary);font-size:.88rem}.ig-profile-text-posts{padding:8px 0}.ig-profile-text-post{padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px}.ig-profile-text-post p{font-size:.9rem;line-height:1.5;margin:0 0 10px}.ig-profile-text-meta{display:flex;gap:16px;font-size:.78rem;color:var(--text-muted)}@media(max-width:735px){.ig-profile-header{gap:20px}.ig-profile-avatar-ring{width:86px;height:86px}.ig-profile-username{font-size:1.1rem}.ig-profile-stats{display:none}.ig-profile-stats-mobile{display:flex}.ig-profile-grid{gap:2px}}.ig-profile-stat-btn{background:none;border:none;cursor:pointer;padding:0;color:inherit;transition:opacity .15s}.ig-profile-stat-btn:hover{opacity:.7}.ig-profile-stat-btn strong,.ig-profile-stat-btn span{display:block}.ig-profile-grid-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1db95426,rgba(var(--bg-secondary-rgb,30,30,30),.9));padding:16px;text-align:center}.ig-profile-grid-text p{font-size:.8rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ig-story-viewer-overlay{position:fixed;inset:0;z-index:9999;background:#000000f2;display:flex;align-items:center;justify-content:center}.ig-story-viewer-loading,.ig-story-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:40px}.ig-story-viewer{position:relative;width:420px;max-width:100vw;height:90vh;max-height:800px;background:#111;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}@media(max-width:500px){.ig-story-viewer{width:100vw;height:100vh;max-height:none;border-radius:0}}.ig-story-progress-bar{display:flex;gap:3px;padding:8px 10px 0;position:absolute;top:0;left:0;right:0;z-index:3}.ig-story-progress-seg{flex:1;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.ig-story-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .05s linear}.ig-story-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 8px;position:absolute;top:12px;left:0;right:0;z-index:3}.ig-story-viewer-user{display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;color:#fff}.ig-story-viewer-user img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.ig-story-viewer-user span{font-weight:600;font-size:.85rem}.ig-story-time{font-size:.72rem;color:#ffffff80}.ig-story-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:6px;border-radius:50%;transition:background .15s}.ig-story-close:hover{background:#ffffff26}.ig-story-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ig-story-viewer-img{width:100%;height:100%;object-fit:cover}.ig-story-viewer-text{padding:24px 20px;font-size:1.1rem;line-height:1.6;color:#fff;text-align:center;max-width:360px}.ig-story-viewer-text.over-image{position:absolute;bottom:60px;left:0;right:0;background:linear-gradient(transparent,#000c);padding:30px 20px 20px;max-width:none;text-align:left;font-size:.95rem}.ig-story-tap-left,.ig-story-tap-right{position:absolute;top:60px;bottom:60px;width:40%;background:none;border:none;cursor:pointer;z-index:2}.ig-story-tap-left{left:0}.ig-story-tap-right{right:0}.ig-story-viewer-footer{display:flex;align-items:center;gap:16px;justify-content:center;padding:12px;color:#ffffffb3;font-size:.85rem;position:absolute;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(transparent,#0009)}.ig-userlist-modal{background:var(--bg-card, #1a1a2e);border-radius:14px;width:400px;max-width:95vw;max-height:75vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #00000080}.ig-userlist-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.ig-userlist-header h3{font-size:1rem;font-weight:700;margin:0;color:var(--text-primary)}.ig-userlist-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:4px;border-radius:50%}.ig-userlist-header button:hover{color:var(--text-primary)}.ig-userlist-body{flex:1;overflow-y:auto;padding:8px 0}.ig-userlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted)}.ig-userlist-row{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;transition:background .15s}.ig-userlist-row:hover{background:#ffffff08}.ig-userlist-user{display:flex;align-items:center;gap:12px;flex:1;background:none;border:none;cursor:pointer;color:inherit;text-align:left}.ig-userlist-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.ig-userlist-name{font-weight:600;font-size:.88rem;color:var(--text-primary)}.ig-userlist-bio{font-size:.75rem;color:var(--text-muted);margin-top:1px}.ig-follow-btn.sm{font-size:.75rem;padding:5px 14px;border-radius:8px}.ig-postdetail-modal{display:flex;background:var(--bg-card, #1a1a2e);border-radius:12px;overflow:hidden;max-width:900px;width:95vw;max-height:85vh;box-shadow:0 25px 60px #00000080}.ig-postdetail-img-wrap{flex:1;min-width:0;background:#000;display:flex;align-items:center;justify-content:center}.ig-postdetail-img-wrap img{max-width:100%;max-height:85vh;object-fit:contain}.ig-postdetail-right{width:340px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.06)}.ig-postdetail-header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}.ig-postdetail-header img{width:34px;height:34px;border-radius:50%;object-fit:cover}.ig-postdetail-username{font-weight:700;font-size:.9rem;color:var(--text-primary);flex:1}.ig-postdetail-caption{padding:14px;font-size:.88rem;line-height:1.5;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.ig-postdetail-comments{flex:1;overflow-y:auto;padding:10px 14px}.ig-postdetail-cmt{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.4}.ig-postdetail-cmt strong{color:var(--text-primary);font-weight:600;margin-right:6px}.ig-postdetail-actions{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.06)}.ig-postdetail-comment-form{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.06)}.ig-postdetail-comment-form input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;outline:none;padding:6px 0}.ig-postdetail-comment-form button{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;font-size:.85rem}.ig-postdetail-comment-form button:disabled{opacity:.3}@media(max-width:700px){.ig-postdetail-modal{flex-direction:column}.ig-postdetail-right{width:100%;max-height:50vh}.ig-postdetail-img-wrap{max-height:50vh}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;padding:20px 14px;background:linear-gradient(180deg,#0d1121,#080b16);border-right:1px solid rgba(255,255,255,.04);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent;z-index:60}[data-theme=light] .admin-sidebar{background:linear-gradient(180deg,#1a1f3c,#141829)}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.admin-main{margin-left:260px;flex:1;min-height:100vh;background:var(--bg-primary)}[data-theme=light] .admin-main{background:#f0f2f8}.admin-header{background:#0d1121b3;border-bottom:1px solid rgba(255,255,255,.04);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .admin-header{background:#ffffffd9;border-bottom-color:#0000000f}.admin-page-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.admin-content{padding:28px}.admin-card{background:#15151ea6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:24px;margin-bottom:20px;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0a;transition:border-color .2s,box-shadow .2s}.admin-card:hover{border-color:#ffffff14}[data-theme=light] .admin-card{background:#fff;border-color:#0000000f;backdrop-filter:none}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#ffffff73;font-size:.86rem;font-weight:500;text-decoration:none;transition:all .18s;position:relative}.admin-nav-link:hover{background:#ffffff0d;color:#ffffffd9}.admin-nav-link.active{background:linear-gradient(135deg,#1db95426,#1db9540a);color:#1db954;font-weight:600;box-shadow:inset 3px 0 #1db954;border-radius:0 8px 8px 0}.admin-nav-link i{width:20px;text-align:center;font-size:1rem;opacity:.85}.admin-nav-section{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#ffffff2e;padding:18px 8px 6px}.admin-header-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem;transition:all .18s;text-decoration:none;background:transparent;border:1px solid transparent}.admin-header-btn:hover{background:#1db95414;color:var(--accent);border-color:#1db95426}.admin-header-user{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:12px;transition:all .18s;cursor:default;border:1px solid transparent}.admin-header-user:hover{background:#ffffff0a;border-color:#ffffff0f}.admin-header-avatar{width:34px;height:34px;border-radius:10px;object-fit:cover;border:2px solid rgba(29,185,84,.3)}.admin-header-username{font-size:.84rem;font-weight:600;color:var(--text-primary)}@media(max-width:600px){.admin-header-username{display:none}}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffff59;border-bottom:1px solid rgba(255,255,255,.06)}.admin-table td{padding:13px 16px;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.03)}.admin-table tr{transition:background .15s}.admin-table tr:hover td{background:#1db95408}.admin-stat-card{background:#15151e8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:24px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-light));opacity:0;transition:opacity .25s}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.admin-stat-card:hover:before{opacity:1}.admin-stat-value{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-stat-label{font-size:.78rem;color:var(--text-secondary);margin-top:4px;font-weight:500}.admin-layout .form-control,.admin-card .form-control{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:.88rem;transition:all .2s;width:100%}.admin-layout .form-control:focus,.admin-card .form-control:focus{outline:none;border-color:#1db95466;box-shadow:0 0 0 3px #1db9541a;background:#ffffff0f}.admin-layout select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:36px}.admin-card .btn-primary,.admin-layout .btn-primary{background:linear-gradient(135deg,#1db954,#17a048);color:#fff;border:none;border-radius:10px;padding:10px 22px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #1db95440}.admin-card .btn-primary:hover,.admin-layout .btn-primary:hover{box-shadow:0 6px 24px #1db95459;transform:translateY(-1px)}.admin-card .btn-primary:disabled,.admin-layout .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-card .btn-outline,.admin-layout .btn-outline{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 22px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.admin-card .btn-outline:hover,.admin-layout .btn-outline:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff26}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.admin-badge--success{background:#22c55e1f;color:#22c55e}.admin-badge--warning{background:#f59e0b1f;color:#f59e0b}.admin-badge--danger{background:#ef44441f;color:#ef4444}.admin-badge--info{background:#3b82f61f;color:#3b82f6}.admin-badge--accent{background:#1db9541f;color:#1db954}.admin-empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary)}.admin-empty-state i{font-size:3rem;opacity:.2;display:block;margin-bottom:16px}.admin-empty-state h4{font-weight:700;font-size:1.1rem;margin-bottom:6px}.admin-empty-state p{font-size:.85rem;opacity:.7}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto}.tab-item{padding:12px 20px;font-size:.86rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.guest-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-lg)}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo h1{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo p{font-size:.86rem;color:var(--text-secondary);margin-top:4px}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;min-width:200px;box-shadow:var(--shadow-lg);z-index:1000;animation:dropIn .15s ease-out}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:.86rem;color:var(--text-secondary);transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-divider{height:1px;background:var(--border);margin:6px 0}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;gap:28px;margin-bottom:36px;flex-wrap:wrap}.detail-cover{width:260px;height:260px;border-radius:var(--radius-md);object-fit:cover;box-shadow:var(--shadow-lg);flex-shrink:0}.detail-cover.rounded-full{border-radius:50%}.detail-info{flex:1;min-width:220px;display:flex;flex-direction:column;justify-content:flex-end}.detail-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px}.detail-title{font-size:2.8rem;font-weight:800;letter-spacing:-.5px;line-height:1.08;margin-bottom:10px}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-secondary);font-size:.88rem;margin-bottom:20px}.detail-meta a{font-weight:600;color:var(--text-primary);transition:color .15s}.detail-meta a:hover{color:var(--accent)}.detail-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.detail-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;min-height:320px;display:flex;align-items:flex-end;background-size:cover;background-position:center top;background-color:#16213e}.detail-banner-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:24px;padding:32px 36px;width:100%}.detail-banner-avatar{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 8px 32px #00000080;border:4px solid rgba(255,255,255,.1);flex-shrink:0}.detail-banner-cover{width:200px;height:200px;border-radius:var(--radius-md);object-fit:cover;box-shadow:0 8px 32px #00000080;flex-shrink:0}.detail-banner-info{flex:1;min-width:0}.detail-banner-title{font-size:3rem;font-weight:900;letter-spacing:-1px;line-height:1.05;margin:6px 0 10px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.detail-banner .detail-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffffb3}.detail-banner .detail-meta{color:#fffc}.detail-banner .detail-meta a{color:#fff;font-weight:600}.detail-banner .detail-meta a:hover{color:var(--accent)}.detail-banner .detail-meta .dot{background:#ffffff80}.detail-banner--index{min-height:260px}.detail-banner-icon{width:140px;height:140px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1db95440,#8b5cf62e);display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.detail-banner--index{min-height:200px}.detail-banner-icon{width:100px;height:100px;font-size:2.5rem}.detail-banner--index .detail-banner-content{flex-direction:column;align-items:center;text-align:center}}@media(max-width:480px){.detail-banner--index{min-height:160px}.detail-banner-icon{width:70px;height:70px;font-size:1.8rem}.detail-banner--index .detail-banner-content{flex-direction:column;align-items:center;text-align:center}.detail-banner--index .detail-banner-title{font-size:1.3rem}.detail-banner--index .detail-meta{font-size:.78rem}}.mb-7{margin-bottom:28px}.verified-artist-badge{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#3b82f6;margin-bottom:2px}.verified-artist-badge i{font-size:1.1rem}.social-link-pill{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:1.1rem;transition:all .2s;text-decoration:none}.social-link-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.btn-lg{padding:13px 32px;font-size:.95rem}.song-list-header{display:flex;align-items:center;gap:14px;padding:0 14px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;user-select:none}.song-list-header-num{min-width:24px;text-align:center}.song-list-header-title{flex:1;min-width:0;padding-left:58px}.song-list-header-album{width:200px;flex-shrink:0}.song-list-header-plays{width:60px;flex-shrink:0;text-align:right}.song-list-header-like{width:36px;flex-shrink:0;text-align:center}.song-list-header-duration{width:50px;flex-shrink:0;text-align:right}.song-list-header-actions{width:36px;flex-shrink:0}.song-row-album{font-size:.82rem;color:var(--text-muted);width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.song-row-plays{font-size:.78rem;color:var(--text-muted);width:60px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.song-row-like{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.92rem;width:36px;text-align:center;padding:4px 0;transition:all .15s;opacity:0;flex-shrink:0}.song-row:hover .song-row-like,.song-row-like.liked{opacity:1}.song-row-like.liked{color:#ef4444}.song-row-like:hover{color:#ef4444;transform:scale(1.2)}.song-row-duration{font-size:.82rem;color:var(--text-muted);width:50px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.dropdown-item-submenu{position:relative}.dropdown-submenu{position:absolute;left:calc(100% + 4px);top:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;min-width:180px;box-shadow:var(--shadow-lg);z-index:1001;animation:dropIn .15s ease-out;max-height:240px;overflow-y:auto}.dropdown-submenu::-webkit-scrollbar{width:4px}.dropdown-submenu::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.content-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);padding:24px;margin-bottom:24px}.content-card-header{font-size:1.2rem;font-weight:700;margin-bottom:16px}.content-card-text{color:var(--text-secondary);font-size:.92rem;line-height:1.8;white-space:pre-line}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.video-card{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:all .25s;text-decoration:none;color:var(--text-primary);display:block}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-light);color:var(--text-primary)}.video-thumb{position:relative;padding-top:56.25%;background:#000}.video-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;transition:background .2s}.video-card:hover .video-play-overlay{background:#0006}.video-play-overlay i{font-size:3rem;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .2s}.video-card:hover .video-play-overlay i{transform:scale(1.1)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.video-info{padding:14px 16px}.video-title{font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-subtitle{color:var(--text-secondary);font-size:.82rem}.yt-hero{background:linear-gradient(135deg,rgba(255,0,0,.08),rgba(29,185,84,.06),transparent);border-radius:var(--radius-lg);padding:32px 28px 24px;margin-bottom:0}.yt-hero-inner{display:flex;align-items:center;gap:16px;margin-bottom:20px}.yt-hero-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,red,#c00);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.yt-hero-title{font-size:1.8rem;font-weight:900;margin:0;letter-spacing:-.5px}.yt-hero-sub{color:var(--text-secondary);font-size:.92rem;margin:2px 0 0}.yt-search-bar{display:flex;align-items:center;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:0 16px;gap:10px;transition:all .2s}.yt-search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.yt-search-icon{color:var(--text-muted);font-size:1rem}.yt-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);padding:12px 0;font-size:.95rem}.yt-search-input::placeholder{color:var(--text-muted)}.yt-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%}.yt-search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.yt-search-btn{background:var(--bg-hover);border:none;border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:10px 18px;margin:-1px -16px -1px 0;border-radius:0 var(--radius-full) var(--radius-full) 0;transition:all .2s;font-size:1rem}.yt-search-btn:hover{background:var(--bg-card);color:var(--text-primary)}.yt-chips-bar{position:sticky;top:0;z-index:20;background:var(--bg-main);padding:12px 0;margin-bottom:4px;border-bottom:1px solid var(--border)}.yt-chips-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.yt-chips-scroll::-webkit-scrollbar{display:none}.yt-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.yt-chip:hover{background:var(--bg-hover);border-color:var(--border-light)}.yt-chip-active{background:#fff!important;color:#0f0f0f!important;border-color:#fff!important;font-weight:600}.yt-chip-sm{padding:5px 12px;font-size:.78rem}.yt-chip-divider{width:1px;height:24px;background:var(--border);flex-shrink:0;align-self:center}.yt-chip i{font-size:.9em}.yt-section{padding:20px 0}.yt-section-title{font-size:1.15rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:10px}.yt-live-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.yt-live-row::-webkit-scrollbar{display:none}.yt-live-card{flex-shrink:0;width:280px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:2px solid #f44336;text-decoration:none;color:var(--text-primary);transition:all .25s}.yt-live-card:hover{transform:translateY(-3px);box-shadow:0 0 20px #f4433633}.yt-live-thumb{position:relative;padding-top:56.25%;background:#000}.yt-live-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt-live-badge{position:absolute;top:10px;left:10px;background:#f44336;color:#fff;padding:3px 10px;border-radius:4px;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:5px;letter-spacing:.5px}.yt-live-pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:ytPulse 1.5s infinite}@keyframes ytPulse{0%,to{opacity:1}50%{opacity:.3}}.yt-live-viewers{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 8px;border-radius:4px;font-size:.72rem;display:flex;align-items:center;gap:4px}.yt-live-info{padding:12px 14px}.yt-live-title{font-weight:600;font-size:.9rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-live-host{color:var(--text-secondary);font-size:.8rem}.yt-live-dot{width:10px;height:10px;border-radius:50%;background:#f44336;display:inline-block;animation:ytPulse 1.5s infinite}.yt-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.yt-featured-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.yt-video-card{text-decoration:none;color:var(--text-primary);border-radius:var(--radius-md);overflow:hidden;transition:all .25s;display:block}.yt-video-card:hover{color:var(--text-primary)}.yt-video-card:hover .yt-video-thumb img{transform:scale(1.03)}.yt-video-card:hover .yt-video-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.yt-video-thumb{position:relative;padding-top:56.25%;border-radius:var(--radius-md);overflow:hidden;background:#111}.yt-video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.yt-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;width:52px;height:52px;border-radius:50%;background:#000000b3;display:flex;align-items:center;justify-content:center;transition:all .3s;backdrop-filter:blur(4px)}.yt-video-play-btn i{color:#fff;font-size:1.5rem;margin-left:3px}.yt-video-duration{position:absolute;bottom:8px;right:8px;background:#000000e0;color:#fff;padding:2px 6px;border-radius:4px;font-size:.73rem;font-weight:600;letter-spacing:.3px}.yt-featured-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:3px 10px;border-radius:4px;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:4px}.yt-source-badge{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.yt-source-youtube{background:#ff0000e6;color:#fff}.yt-video-meta{display:flex;gap:12px;padding:12px 4px 8px}.yt-video-avatar{flex-shrink:0}.yt-video-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.yt-video-text{min-width:0;flex:1}.yt-video-title{font-size:.92rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px}.yt-video-channel{color:var(--text-secondary);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-video-channel:hover{color:var(--text-primary)}.yt-video-stats{color:var(--text-muted);font-size:.78rem;margin-top:2px}.yt-empty{text-align:center;padding:60px 20px}.yt-empty i{font-size:3.5rem;color:var(--text-muted);margin-bottom:16px;display:block}.yt-empty h3{font-size:1.2rem;font-weight:700;margin-bottom:6px}.yt-empty p{color:var(--text-secondary);margin-bottom:20px}.yt-watch-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.yt-player-container{position:relative;padding-top:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:#000;margin-bottom:16px}.yt-player-iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.yt-watch-title{font-size:1.25rem;font-weight:700;line-height:1.35;margin:0 0 12px}.yt-watch-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.yt-watch-meta-left{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.88rem}.yt-watch-views{font-weight:600}.yt-watch-date:before{content:"•";margin-right:8px}.yt-watch-btns{display:flex;gap:8px}.yt-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.yt-action-btn:hover{background:var(--bg-hover)}.yt-action-btn-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.yt-action-btn i{font-size:1.1em}.yt-watch-channel{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.yt-watch-channel-left{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.yt-watch-channel-left:hover .yt-watch-channel-name{color:var(--accent)}.yt-watch-channel-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.yt-watch-channel-name{font-weight:600;font-size:.95rem;transition:color .2s}.yt-watch-channel-subs{color:var(--text-secondary);font-size:.8rem}.yt-watch-desc-box{background:var(--bg-card);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:24px;border:1px solid var(--border)}.yt-watch-desc-text{font-size:.88rem;line-height:1.6;color:var(--text-secondary);white-space:pre-line}.yt-watch-desc-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.yt-watch-desc-toggle{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:6px 0 0}.yt-watch-desc-toggle:hover{color:var(--text-primary)}.yt-watch-comments{margin-top:8px}.yt-comments-header{font-size:1rem;font-weight:700;margin:0}.yt-comments-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.yt-comments-sort{background:none;border:none;color:var(--text-secondary);font-size:.84rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);transition:background .2s;white-space:nowrap}.yt-comments-sort:hover{background:var(--bg-hover);color:var(--text-primary)}.yt-comment-form{display:flex;gap:12px;margin-bottom:24px;align-items:flex-start}.yt-reply-form{margin-top:10px;margin-bottom:0}.yt-comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.yt-comment-avatar-sm{width:28px;height:28px}.yt-comment-input-wrap{flex:1}.yt-comment-input{width:100%;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);padding:8px 0;font-size:.9rem;outline:none;transition:border-color .2s}.yt-comment-input:focus{border-bottom-color:var(--text-primary)}.yt-comment-input::placeholder{color:var(--text-muted)}.yt-comment-input-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.yt-comment-cancel-btn{background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:var(--radius-full)}.yt-comment-cancel-btn:hover{background:var(--bg-hover)}.yt-comment-submit-btn{background:#3ea6ff;color:#0f0f0f;border:none;font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:background .2s}.yt-comment-submit-btn:hover{background:#65b8ff}.yt-comments-list{display:flex;flex-direction:column;gap:20px}.yt-comment-item{display:flex;gap:12px}.yt-comment-reply{padding-left:8px;border-left:2px solid var(--border);margin-left:0}.yt-comment-content{flex:1;min-width:0}.yt-comment-author{display:flex;align-items:center;gap:8px;margin-bottom:4px}.yt-comment-name{font-size:.85rem;font-weight:600;background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-full)}.yt-comment-time{font-size:.78rem;color:var(--text-muted)}.yt-comment-body{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin-bottom:4px}.yt-comment-actions-row{display:flex;align-items:center;gap:4px;margin-top:2px}.yt-comment-action-btn{background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);transition:all .2s}.yt-comment-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.yt-comment-action-btn i{font-size:.92rem}.yt-comment-liked{color:#3ea6ff!important}.yt-comment-liked i{color:#3ea6ff}.yt-comment-reply-btn{background:none;border:none;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;padding:4px 12px;border-radius:var(--radius-full);transition:all .2s}.yt-comment-reply-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.yt-replies-section{margin-top:8px}.yt-show-replies-btn{background:none;border:none;color:#3ea6ff;font-size:.84rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);transition:background .2s}.yt-show-replies-btn:hover{background:#3ea6ff1a}.yt-show-replies-btn i{font-size:.75rem}.yt-replies-list{display:flex;flex-direction:column;gap:14px;margin-top:8px;padding-left:0}.yt-comment-login-prompt{text-align:center;padding:20px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:20px}.yt-comment-login-link{color:#3ea6ff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.yt-comment-login-link:hover{text-decoration:underline;color:#65b8ff}.yt-watch-desc-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:.84rem;font-weight:600;color:var(--text-primary)}.yt-watch-desc-stats span+span:before{content:"  "}.yt-no-comments{color:var(--text-muted);font-size:.88rem;text-align:center;padding:20px 0}.yt-sidebar-search{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:0 14px;margin-bottom:14px;transition:all .2s}.yt-sidebar-search:focus-within{border-color:#3ea6ff;box-shadow:0 0 0 2px #3ea6ff26}.yt-sidebar-search i{color:var(--text-muted);font-size:.88rem}.yt-sidebar-search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);padding:10px 0;font-size:.88rem}.yt-sidebar-search input::placeholder{color:var(--text-muted)}.yt-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.yt-sidebar-heading{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px}.yt-sidebar-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.yt-sidebar-chips .yt-chip{cursor:pointer}.yt-autoplay-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 2px}.yt-autoplay-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.yt-autoplay-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.yt-autoplay-switch{width:36px;height:20px;border-radius:10px;background:#fff3;position:relative;transition:background .25s;cursor:pointer}.yt-autoplay-switch.yt-autoplay-on{background:#3ea6ff}.yt-autoplay-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s;box-shadow:0 1px 3px #0000004d}.yt-autoplay-switch.yt-autoplay-on .yt-autoplay-knob{transform:translate(16px)}.yt-next-badge{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;font-size:.65rem;padding:2px 5px;border-radius:3px;display:flex;align-items:center;gap:3px}.yt-sidebar-video-next{border-left:3px solid #3ea6ff}.yt-sidebar-empty{text-align:center;padding:30px 10px;color:var(--text-muted)}.yt-sidebar-empty i{font-size:2rem;display:block;margin-bottom:8px;opacity:.5}.yt-sidebar-empty p{font-size:.85rem}.yt-sidebar-videos{display:flex;flex-direction:column;gap:10px}.yt-sidebar-video{display:flex;gap:10px;text-decoration:none;color:var(--text-primary);padding:4px;border-radius:var(--radius-sm);transition:background .2s}.yt-sidebar-video:hover{background:var(--bg-hover);color:var(--text-primary)}.yt-sidebar-video-thumb{position:relative;width:168px;min-width:168px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111}.yt-sidebar-video-thumb img{width:100%;height:100%;object-fit:cover}.yt-sidebar-video-info{flex:1;min-width:0;padding:2px 0}.yt-sidebar-video-title{font-size:.84rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.yt-sidebar-video-channel{color:var(--text-secondary);font-size:.76rem;margin-bottom:2px}.yt-sidebar-video-stats{color:var(--text-muted);font-size:.74rem}@media(max-width:1100px){.yt-watch-layout{grid-template-columns:1fr}.yt-watch-sidebar{position:static;max-height:none;overflow-y:visible}.yt-sidebar-video-thumb{width:140px;min-width:140px}}@media(max-width:768px){.yt-hero{padding:20px 16px}.yt-hero-title{font-size:1.3rem}.yt-hero-icon{width:42px;height:42px;font-size:1.1rem}.yt-video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.yt-featured-row{grid-template-columns:1fr}.yt-watch-title{font-size:1.05rem}.yt-watch-actions{flex-direction:column;align-items:flex-start}.yt-watch-btns{width:100%;overflow-x:auto}.yt-sidebar-video-thumb{width:120px;min-width:120px}}@media(max-width:480px){.yt-video-grid{grid-template-columns:1fr}.yt-chips-bar{padding:8px 0}.yt-chip{padding:6px 12px;font-size:.78rem}.yt-video-avatar img{width:32px;height:32px}.yt-player-container{border-radius:0;margin-left:-10px;margin-right:-10px}.yt-hero{padding:16px 12px}.yt-hero-title{font-size:1.1rem}.yt-hero-icon{width:36px;height:36px;font-size:.95rem}.yt-watch-title{font-size:.95rem}}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}.browse-card{position:relative;border-radius:var(--radius-md);padding:24px 18px;min-height:100px;display:flex;align-items:flex-end;overflow:hidden;transition:all .25s;text-decoration:none;font-weight:700;font-size:1.02rem;color:#fff;border:1px solid transparent}.browse-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);color:#fff}.browse-card.lang{align-items:center;justify-content:center;color:var(--text-primary);background:var(--bg-card);border-color:var(--border)}.browse-card.lang:hover{border-color:var(--accent);color:var(--accent)}.browse-card-count{display:block;font-size:.75rem;font-weight:400;opacity:.8;margin-top:4px}.browse-card-img{position:absolute;top:0;right:0;width:80px;height:80px;object-fit:cover;transform:rotate(25deg) translate(5px,-10px);opacity:.5}.search-form{max-width:700px;margin:0 auto 36px}.search-input-group{display:flex;gap:8px}.search-input{flex:1;padding:15px 22px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:1rem;outline:none;transition:all .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.search-btn{border-radius:var(--radius-full);padding:0 28px}.results-section{margin-bottom:36px}.results-title{font-size:1.15rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center}.search-hero{text-align:center;padding:40px 20px 32px;margin-bottom:24px;background:linear-gradient(135deg,rgba(29,185,84,.08),rgba(139,92,246,.06),transparent);border-radius:var(--radius-lg)}.search-hero-title{font-size:2.4rem;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}.search-hero-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:28px}.search-hero-form{max-width:600px;margin:0 auto}.search-hero-input-wrap{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:6px 16px;transition:all .15s}.search-hero-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-secondary)}.search-hero-input-wrap i.bi-search{color:var(--text-muted);font-size:1.1rem;flex-shrink:0}.search-hero-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;padding:12px 4px}.search-hero-input-wrap input::placeholder{color:var(--text-muted)}.search-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;transition:color .15s}.search-clear-btn:hover{color:var(--text-primary)}.search-tabs{display:flex;gap:6px;margin-bottom:28px;flex-wrap:wrap}.search-tab{padding:8px 18px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.search-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.search-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-tab-count{font-size:.72rem;background:#ffffff26;padding:1px 6px;border-radius:10px}.search-tab.active .search-tab-count{background:#ffffff40}.search-suggestions{margin-top:12px}.search-suggestions h3{font-size:1.1rem;font-weight:700;margin-bottom:16px}.search-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.search-category-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:.88rem;transition:all .15s}.search-category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-light)}@media(max-width:768px){.search-hero{padding:28px 16px 24px}.search-hero-title{font-size:1.8rem}.search-category-grid{grid-template-columns:repeat(2,1fr)}}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;margin-top:8px}.filter-bar .filter-pills{margin-bottom:0}.filter-pills{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.filter-pill{padding:8px 20px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.84rem;white-space:nowrap;transition:all .15s}.filter-pill:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.settings-container{max-width:600px;margin:0 auto}.settings-title{font-size:1.8rem;font-weight:800;margin-bottom:24px}.avatar-upload{text-align:center;margin-bottom:28px}.avatar-upload img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:3px solid var(--border)}.avatar-upload-label{cursor:pointer;color:var(--accent);font-weight:600;font-size:.88rem}.post-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:20px;overflow:hidden}.post-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.post-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.post-user-name{font-weight:600;font-size:.9rem}.post-time{font-size:.72rem;color:var(--text-muted)}.post-image{width:100%;max-height:520px;object-fit:cover}.post-body{padding:12px 16px}.post-actions{display:flex;gap:16px;margin-bottom:10px}.post-action-btn{background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:1.3rem;padding:4px;transition:all .15s}.post-action-btn:hover{opacity:.6}.post-action-btn.liked{color:var(--red)}.post-likes{font-weight:600;font-size:.88rem;margin-bottom:6px}.post-caption{font-size:.9rem;line-height:1.6}.post-caption strong{font-weight:600;margin-right:6px}.post-type-badge{display:inline-block;margin-top:8px;background:var(--accent);color:#fff;padding:2px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;text-transform:capitalize}.post-comments{padding:0 16px 16px;border-top:1px solid var(--border)}.post-comments-list{max-height:300px;overflow-y:auto;padding:12px 0}.comment-item{display:flex;gap:10px;margin-bottom:10px;font-size:.88rem}.comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}.comment-form{display:flex;align-items:center;gap:8px;margin-top:8px}.comment-input{flex:1;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .15s}.comment-input:focus{border-color:var(--accent)}.comment-submit{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;font-size:.88rem}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:28px;animation:fadeInUp .3s ease-out}.modal-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:4px}.modal-close:hover{color:var(--text-primary)}.btn-outline{background:transparent;border:1px solid var(--border-color, rgba(0,0,0,.15));color:var(--text-primary);padding:8px 18px;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#0000000a;border-color:var(--text-secondary)}.spin{animation:spin .8s linear infinite;display:inline-block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.text-center{text-align:center}.text-accent{color:var(--accent)}.text-muted{color:var(--text-secondary)}.text-sm{font-size:.82rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.p-4{padding:16px}.p-6{padding:24px}.rounded{border-radius:var(--radius-sm)}.rounded-full{border-radius:var(--radius-full)}.bg-elevated{background:var(--bg-elevated)}.border{border:1px solid var(--border)}.w-full{width:100%}.inline{display:inline}.block{display:block}.font-bold{font-weight:700}.font-semibold{font-weight:600}.form-control{width:100%;padding:11px 16px;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--text-primary);outline:none;transition:all .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238888a0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.admin-layout .form-control{background:var(--bg-secondary);border-color:#ffffff14}.admin-layout .form-control:hover{border-color:#ffffff26}.admin-layout .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1db95426;background:var(--bg-elevated)}.admin-layout .form-control::placeholder{color:var(--text-muted)}.admin-layout select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238888a0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}[data-theme=light] .admin-layout .form-control{background:#f8fafc;border-color:#0000001a}[data-theme=light] .admin-layout .form-control:hover{border-color:#0003}[data-theme=light] .admin-layout .form-control:focus{background:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes textGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-in{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both}.animate-fade{animation:fadeIn .4s ease-out both}.animate-scale{animation:scaleIn .4s cubic-bezier(.4,0,.2,1) both}.home-section{opacity:0;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.home-section:nth-child(1){animation-delay:0s}.home-section:nth-child(2){animation-delay:.08s}.home-section:nth-child(3){animation-delay:.16s}.home-section:nth-child(4){animation-delay:.24s}.home-section:nth-child(5){animation-delay:.32s}.home-section:nth-child(6){animation-delay:.38s}.home-section:nth-child(7){animation-delay:.44s}.home-section:nth-child(8){animation-delay:.5s}.home-section:nth-child(9){animation-delay:.55s}.home-section:nth-child(10){animation-delay:.6s}.home-section:nth-child(11){animation-delay:.65s}.home-section:nth-child(12){animation-delay:.7s}.hero-animate-title{animation:fadeInUp .7s .2s cubic-bezier(.4,0,.2,1) both}.hero-animate-sub{animation:fadeInUp .7s .35s cubic-bezier(.4,0,.2,1) both}.hero-animate-verse{animation:fadeIn .8s .1s ease-out both}.hero-animate-btn{animation:fadeInUp .5s .5s cubic-bezier(.4,0,.2,1) both}.badge-shimmer{position:relative;overflow:hidden}.badge-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmerSlide 2.5s infinite}@keyframes shimmerSlide{0%{left:-100%}to{left:200%}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-footer{flex-shrink:0;padding:10px 20px 12px;display:flex;flex-wrap:wrap;gap:3px 10px;font-size:.66rem;color:var(--text-muted);border-top:1px solid var(--border)}.sidebar-footer a{color:var(--text-muted);transition:color .15s}.sidebar-footer a:hover{color:var(--accent)}.sidebar-copyright{width:100%;margin-top:2px;font-size:.58rem;opacity:.6}.sidebar-link-accent,.sidebar-link-accent i{color:#f472b6!important}.sidebar-link-accent:hover{background:#f472b61a!important;color:#f9a8d4!important}.sidebar-link-accent.active{background:#f472b624!important;color:#f9a8d4!important}.sidebar-link-accent.active:before{background:#f472b6!important}.sidebar-link-admin{color:#f87171!important;font-weight:500}.sidebar-link-admin i{color:#ef4444}.sidebar-link-admin:hover{background:#ef44441a!important;color:#fca5a5!important}.sidebar-link-admin.active{background:#ef444426!important;color:#fca5a5!important}.sidebar-link-admin.active:before{background:#ef4444!important}.sidebar-admin-section{margin-top:2px}.sidebar-admin-master-toggle{color:#ef4444!important;font-weight:700!important}.sidebar-admin-master-toggle:hover{background:#ef44440f!important;color:#f87171!important}.sidebar-admin-master-toggle.expanded{color:#ef4444!important}.sidebar-admin-master-toggle span i{color:#ef4444}.sidebar-admin-body{padding-left:0}.sidebar-admin-group{margin-bottom:1px}.sidebar-admin-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 20px;border:none;background:none;cursor:pointer;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;border-radius:0;transition:all .15s}.sidebar-admin-group-toggle span{display:flex;align-items:center;gap:6px}.sidebar-admin-group-toggle span i{font-size:.72rem;color:#6b7280}.sidebar-admin-group-toggle:hover{background:#ef44440f;color:#f87171}.sidebar-admin-group-toggle.expanded{color:#ef4444}.sidebar-admin-group-toggle>i{font-size:.55rem;transition:transform .2s}.sidebar-admin-group-items{padding-left:0;animation:adminSlideIn .15s ease}.sidebar-admin-group-items .sidebar-link{padding:6px 20px 6px 44px;font-size:.82rem}@keyframes adminSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:99;display:none}.sidebar-toggle{display:none}.nav-btn-desktop{display:flex}.player-btn-active{color:var(--accent)!important}.player-btn-liked{color:var(--red)!important}.player-mobile-controls,.player-mobile-progress{display:none}.player-btn-skip{position:relative;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;cursor:pointer;color:#fff9}.player-btn-skip:hover{color:#fff;transform:scale(1.1)}.player-btn-skip:active{transform:scale(.9)}.player-btn-skip .skip-label{position:absolute;font-size:.52rem;font-weight:800;top:50%;left:50%;transform:translate(-50%,-38%);pointer-events:none;line-height:1;color:inherit;letter-spacing:-.5px}.player-controls .player-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.player-controls .player-btn:active{transform:scale(.92)}.volume-pct{font-size:.72rem;color:var(--text-muted);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.player-lyrics-panel{position:fixed;bottom:var(--player-h);right:0;width:400px;max-height:65vh;background:linear-gradient(180deg,#16161cfa,#0e0e12fc);border:1px solid rgba(255,255,255,.06);border-radius:16px 16px 0 0;box-shadow:0 -8px 40px #0006;z-index:199;overflow:hidden;display:flex;flex-direction:column;animation:fadeInUp .3s ease-out;backdrop-filter:blur(30px)}.player-lyrics-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.player-lyrics-header h4{font-weight:700;font-size:.9rem;color:#fff;margin:0}.player-lyrics-text{padding:24px 20px;overflow-y:auto;font-size:1rem;line-height:2.2;color:#fff9;white-space:pre-line;flex:1;font-weight:500;letter-spacing:.01em}.song-context-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:220px;overflow:visible}.song-row-actions{flex-shrink:0;position:relative}.guest-layout{position:relative;overflow:hidden}.guest-bg-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(29,185,84,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(29,185,84,.04) 0%,transparent 80%);z-index:1}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeInUp .5s ease-out}.auth-footer{text-align:center;margin-top:20px;padding:12px 0;font-size:.78rem;color:var(--text-muted);display:flex;justify-content:center;gap:8px}.auth-footer a{color:var(--text-muted);transition:color .15s}.auth-footer a:hover{color:var(--accent)}.dropdown-menu a[href="/admin"]{font-weight:600;color:var(--accent)}@media(max-width:1200px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}@media(max-width:1024px){.page-content{padding:22px 20px}.detail-banner-title{font-size:2.6rem}.detail-title{font-size:2.2rem}.home-hero h1{font-size:2.8rem}.home-hero-content{padding:40px 32px 32px}}@media(max-width:991px){.sidebar{transform:translate(-100%);transition:transform .25s;box-shadow:var(--shadow-lg);z-index:250}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.sidebar-toggle{display:flex;width:40px;height:40px;font-size:1.35rem}.nav-btn-desktop{display:none}.main-content{margin-left:0;overflow-x:hidden;padding-bottom:calc(var(--player-h) + var(--mobile-nav-h) + 24px)}.mobile-nav{display:block}.bottom-player{bottom:var(--mobile-nav-h)}.page-hero h1{font-size:2rem}.search-bar{min-width:0;flex:1}.top-nav .btn-sm{padding:6px 14px;font-size:.78rem;white-space:nowrap}.user-name{display:none}.admin-sidebar{transform:translate(-100%);transition:transform .25s;position:fixed;z-index:1050;box-shadow:var(--shadow-lg)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-menu-toggle{display:flex!important}.player-right,.player-center{display:none}.player-mobile-controls{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.player-mobile-controls .player-btn{font-size:1.1rem;color:var(--text-secondary);padding:6px}.player-mobile-controls .player-btn:hover{color:var(--text-primary)}.player-mobile-play{display:flex;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;box-shadow:0 2px 12px #1db9544d}.player-mobile-play:hover{background:var(--accent-light);transform:scale(1.05)}.player-mobile-progress{display:flex;align-items:center;position:absolute;top:0;left:0;right:0;height:24px;background:transparent;cursor:pointer;z-index:6;touch-action:none;user-select:none;-webkit-user-select:none}.player-mobile-progress-track{position:relative;width:100%;height:3px;background:#ffffff1f;border-radius:2px}.player-mobile-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear;pointer-events:none}.player-mobile-progress-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 0 4px #1db954b3}.player-lyrics-panel{width:100%;left:0;bottom:calc(var(--player-h) + var(--mobile-nav-h))}.page-content{overflow-x:hidden}.toast-container{max-width:calc(100vw - 32px);right:16px;left:16px}}.mobile-full-player{display:none}@media(max-width:900px){.mobile-full-player{display:flex;flex-direction:column;align-items:center;position:fixed;inset:0;z-index:500;background:linear-gradient(180deg,#1a1a2e,#0d0d1a 60%,#000);padding:0 24px 32px;overflow-y:auto;animation:mfp-slide-up .3s cubic-bezier(.32,.72,0,1)}@keyframes mfp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-full-player-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:12px auto 0;flex-shrink:0;cursor:pointer}.mobile-full-player-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0 8px;flex-shrink:0}.mobile-full-player-close,.mobile-full-player-more{background:none;border:none;color:#fff9;font-size:1.4rem;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.mobile-full-player-close:hover,.mobile-full-player-more:hover{color:#fff;background:#ffffff14}.mobile-full-player-title{font-size:.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80}.mobile-full-player-cover{width:min(300px,80vw);height:min(300px,80vw);margin:20px auto 24px;flex-shrink:0}.mobile-full-player-cover img{width:100%;height:100%;border-radius:16px;object-fit:cover;box-shadow:0 20px 60px #0009}.mobile-full-player-info{width:100%;text-align:left;margin-bottom:20px;flex-shrink:0}.mobile-full-player-name{font-size:1.3rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.mobile-full-player-artist{font-size:.9rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-full-player-progress-wrap{width:100%;margin-bottom:8px;flex-shrink:0}.mobile-full-player-progress-bar{width:100%;height:4px;background:#ffffff24;border-radius:99px;cursor:pointer;position:relative;margin-bottom:8px;touch-action:none;padding:14px 0;box-sizing:content-box;margin-top:-14px;background-clip:content-box;transition:background .2s}.mobile-full-player-progress-fill{height:4px;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:99px;position:relative;pointer-events:none;box-shadow:0 0 8px #1db95466;transition:width .1s linear}.mobile-full-player-progress-thumb{position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 0 10px #1db95499,0 2px 6px #0006}.mobile-full-player-times{display:flex;justify-content:space-between;font-size:.72rem;color:#ffffff73;font-variant-numeric:tabular-nums;letter-spacing:.3px}.mobile-full-player-controls{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;margin:12px 0;flex-shrink:0}.mobile-full-play{width:64px!important;height:64px!important;font-size:2rem!important}.mobile-full-player-secondary{display:flex;align-items:center;justify-content:space-around;width:100%;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 0;margin:8px 0;flex-shrink:0}.mobile-full-player-secondary .player-btn{font-size:1.3rem;padding:8px}.mobile-full-player-volume{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;flex-shrink:0}.mobile-volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--volume-pct, 100%),rgba(255,255,255,.15) var(--volume-pct, 100%),rgba(255,255,255,.15) 100%)}.mobile-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #0006;transition:transform .15s}.mobile-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.mobile-volume-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 6px #0006}.mobile-full-player-skip{display:flex;gap:32px;justify-content:center;margin-top:8px;flex-shrink:0}.mobile-full-player-skip .player-btn{font-size:1.2rem;padding:8px}}@media(max-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.music-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.page-content{padding:16px;overflow-x:hidden}.page-hero{padding:32px 20px;min-height:160px}.page-hero h1{font-size:1.6rem}.top-nav{padding:0 12px}.search-bar,.player-song-info{min-width:0;flex:1}.bottom-player{height:64px;padding:0 12px;gap:10px}.player-song-info img{width:44px;height:44px}.form-row{grid-template-columns:1fr}.ig-post{border-radius:0}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.auth-card{padding:28px 20px}.detail-header{gap:20px}.detail-cover{width:180px;height:180px}.detail-title{font-size:1.8rem}.video-grid{grid-template-columns:1fr}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.modal-card{padding:20px}.filter-pills{gap:6px}.user-name{display:none}.detail-banner{min-height:240px}.detail-banner-content{padding:24px 16px;gap:16px}.detail-banner-avatar{width:120px;height:120px}.detail-banner-cover{width:140px;height:140px}.detail-banner-title{font-size:2rem;word-break:break-word}.detail-banner-info{min-width:0;overflow:hidden}.song-row-album,.song-row-plays,.song-list-header{display:none}.dropdown-submenu{left:auto;right:0;top:100%}.filter-bar{flex-direction:column;align-items:stretch!important}.filter-bar>div[style*="flex: 1"]{flex:1 1 100%!important}.filter-bar .filter-pills{justify-content:flex-start;overflow-x:auto}.song-row{padding:8px 12px;gap:10px}.song-row-title{font-size:.86rem}.song-row-artist{font-size:.74rem}.trending-list-grid{grid-template-columns:1fr}.trending-list-plays{display:none}.video-card-home{flex:0 0 200px}.search-input-group{flex-direction:column}.search-tabs{gap:4px}.search-tab{padding:6px 14px;font-size:.8rem}.search-category-grid{grid-template-columns:repeat(2,1fr)}.settings-container{padding:0}.settings-title{font-size:1.4rem}.dropdown-menu{min-width:180px}}@media(max-width:480px){.card-grid,.music-grid{grid-template-columns:repeat(2,1fr);gap:10px}.music-card{padding:10px}.music-card-title{font-size:.82rem}.song-row{padding:8px;gap:8px}.song-row img{width:38px;height:38px}.song-row-num{min-width:20px;font-size:.76rem}.song-row-title{font-size:.82rem}.song-row-artist{font-size:.72rem}.page-hero h1{font-size:1.3rem}.page-content{padding:12px 10px}.btn{padding:9px 20px;font-size:.82rem}.btn-lg{padding:10px 24px;font-size:.88rem}.detail-header{flex-direction:column;align-items:center;text-align:center}.detail-cover{width:160px;height:160px}.detail-info{align-items:center}.detail-title{font-size:1.5rem}.detail-meta{justify-content:center}.detail-actions{justify-content:center;flex-wrap:wrap}.browse-grid{grid-template-columns:repeat(2,1fr);gap:8px}.browse-card{padding:18px 14px;min-height:80px;font-size:.9rem}.filter-pills{gap:4px}.detail-banner{min-height:180px}.detail-banner-content{flex-direction:column;align-items:center;text-align:center;padding:16px 12px;gap:10px}.detail-banner-avatar{width:90px;height:90px}.detail-banner-cover{width:100px;height:100px}.detail-banner-title{font-size:1.4rem;word-break:break-word}.detail-banner .detail-meta{justify-content:center;flex-wrap:wrap;font-size:.8rem}.detail-banner .detail-type{font-size:.68rem}.song-row-album,.song-row-plays{display:none}.song-row-like{opacity:1}.filter-pill{padding:6px 14px;font-size:.78rem}.bottom-player{height:58px;padding:0 10px;gap:6px}.player-song-info img{width:40px;height:40px}.player-song-info{gap:8px}.player-title{font-size:.82rem}.player-artist{font-size:.7rem}.player-mobile-controls{gap:2px}.player-mobile-controls .player-btn{font-size:1rem;padding:4px}.player-mobile-play{width:34px;height:34px;font-size:1.05rem}.section-header{margin-bottom:10px}.section-title{font-size:1.05rem}.section-link{font-size:.72rem}.top-nav{padding:0 8px;height:52px;gap:6px}.search-bar{padding:7px 12px;min-width:0;flex:1}.search-bar input{font-size:.82rem}.nav-btn{width:30px;height:30px;font-size:.88rem}.sidebar-toggle{width:38px;height:38px;font-size:1.3rem;flex-shrink:0}.top-nav .btn-sm{padding:6px 12px;font-size:.72rem;white-space:nowrap;flex-shrink:0}.user-name{display:none}.mobile-nav-item{padding:5px 10px;font-size:.58rem}.mobile-nav-item i{font-size:1.15rem}.horizontal-scroll>.music-card,.horizontal-scroll>.genre-card,.horizontal-scroll>a.genre-chip{flex:0 0 130px}.horizontal-scroll{gap:10px}.video-card-home{flex:0 0 180px}.video-card-home-play{width:40px;height:40px}.auth-card{padding:24px 16px;max-width:100%}.auth-logo h1{font-size:1.3rem}.guest-layout{padding:16px}.search-hero{padding:20px 12px 18px}.search-hero-title{font-size:1.4rem}.search-hero-subtitle{font-size:.82rem;margin-bottom:18px}.search-hero-input-wrap{padding:4px 12px}.search-hero-input-wrap input{padding:10px 4px;font-size:.88rem}.search-category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.search-category-card{padding:16px 12px;font-size:.82rem}.ngs-footer-main{padding:20px 12px 16px}.ngs-footer-container{gap:18px}.ngs-footer-links{gap:16px}.ngs-footer-col{min-width:100%}.ngs-footer-heading{font-size:.68rem;margin-bottom:8px}.ngs-footer-col ul{gap:6px}.ngs-footer-col ul li a{font-size:.78rem}.ngs-footer-disclaimer{padding:12px}.ngs-footer-disclaimer p{font-size:.72rem}.ngs-disclaimer-links{gap:8px}.ngs-disclaimer-links a{font-size:.7rem;padding:3px 8px}.ngs-footer-bottom{padding:10px 12px;font-size:.7rem}.whatsapp-float{width:44px;height:44px;font-size:1.3rem;right:12px;bottom:130px}.support-float{height:44px;right:12px;bottom:186px;padding:0 12px}.support-float-label{font-size:.78rem}.toast-container{right:8px;left:8px;max-width:none}.toast{padding:10px 14px;font-size:.8rem}.empty-state{padding:48px 16px}.empty-state-icon{font-size:2.8rem}.empty-state h3{font-size:1.05rem}.empty-state p{font-size:.82rem}.lv-widget{padding:12px}.lv-header{padding:12px 14px 10px}.lv-stats-row{padding:0 14px 12px;flex-direction:column}.ig-stories-bar{padding:12px 8px}.ig-story-ring{width:52px;height:52px}.ig-story-name{font-size:.66rem;max-width:54px}.ig-stories-scroll{gap:10px}.ig2-create-bar{padding:10px 12px;gap:8px}.ig2-create-bar-placeholder{font-size:.82rem}}@media(max-width:360px){.page-content{padding:10px 8px}.top-nav{padding:0 8px;height:48px}.search-bar{padding:6px 10px;min-width:0}.search-bar input{font-size:.78rem}.home-hero h1{font-size:1.25rem}.home-hero-sub{font-size:.72rem}.home-hero-content{padding:14px 10px}.detail-banner-title{font-size:1.2rem}.detail-banner-content{padding:14px 10px;gap:8px}.detail-banner-icon{width:60px;height:60px;font-size:1.5rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px}.music-card{padding:8px}.music-card-title{font-size:.76rem}.music-card-subtitle{font-size:.68rem}.song-row{padding:6px;gap:6px}.song-row img{width:34px;height:34px}.song-row-num{min-width:18px;font-size:.72rem}.song-row-title{font-size:.78rem}.song-row-artist{font-size:.68rem}.btn-hero-primary,.btn-hero-outline{padding:10px 16px;font-size:.78rem}.section-title{font-size:.95rem}.section-link{font-size:.68rem}.mobile-nav-item{padding:4px 8px;font-size:.54rem}.mobile-nav-item i{font-size:1.05rem}.bottom-player{height:54px;padding:0 8px}.player-song-info img{width:36px;height:36px}.player-mobile-play{width:30px;height:30px;font-size:.9rem}.player-mobile-controls{gap:0}.player-mobile-controls .player-btn{padding:3px;font-size:.95rem}.player-mobile-controls .player-btn-liked,.player-mobile-controls .player-btn:first-child{display:none}.horizontal-scroll>.music-card,.horizontal-scroll>.genre-card,.horizontal-scroll>a.genre-chip{flex:0 0 115px}.quick-chip{padding:6px 10px;font-size:.72rem}.filter-pill{padding:5px 10px;font-size:.72rem}.whatsapp-float{width:42px;height:42px;font-size:1.2rem;right:10px}}.home-section{margin-bottom:32px}.home-section:last-child{margin-bottom:16px}.home-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;min-height:340px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0a0a0f)}.home-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s linear;filter:brightness(.7)}.home-hero:hover .home-hero-bg{transform:scale(1.04)}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0f4d,#0a0a0f99,#0a0a0fd9)}.home-hero-content{position:relative;z-index:2;padding:56px 44px 40px;width:100%;text-align:center;overflow:hidden}.home-hero-verse{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 20px;border-radius:var(--radius-full);font-size:.82rem;color:#ffffffe6;margin-bottom:22px;border:1px solid rgba(255,255,255,.12);animation:fadeInUp .6s ease-out;margin-left:auto;margin-right:auto}.home-hero-verse strong{color:var(--accent-light)}.home-hero h1{font-size:3.4rem;font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin-bottom:12px;max-width:640px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .1s both}.home-hero-sub{font-size:1.08rem;color:#fff9;margin-bottom:28px;max-width:520px;line-height:1.6;text-align:center;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .2s both}.home-hero-decor{position:absolute;top:0;right:0;bottom:0;width:200px;z-index:1;pointer-events:none}.hero-float-note{position:absolute;font-size:2rem;opacity:.15;animation:heroFloat 6s ease-in-out infinite}.hero-float-note:nth-child(1){top:20%;right:40px;animation-delay:0s}.hero-float-note.delay-2{top:50%;right:80px;animation-delay:2s}.hero-float-note.delay-3{top:70%;right:30px;animation-delay:4s}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0);opacity:.15}50%{transform:translateY(-20px) rotate(10deg);opacity:.3}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-btn-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .6s ease-out .3s both}.btn-hero-primary{padding:14px 34px;font-size:.92rem;font-weight:700;box-shadow:0 4px 28px #1db95459;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s ease}.btn-hero-primary:hover{box-shadow:0 8px 36px #1db95480;transform:translateY(-3px);background:var(--accent-light);color:#fff}.btn-hero-outline{padding:14px 30px;font-size:.92rem;font-weight:600;border:1.5px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-full);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s ease}.btn-hero-outline:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-3px);color:#fff}.home-hero-slider{position:relative}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.hero-slide-active{position:relative;opacity:1;pointer-events:auto;z-index:1}.hero-slide-anim-fade{transition:opacity .6s ease}.hero-slide-anim-slide{transition:opacity .5s ease,transform .6s cubic-bezier(.4,0,.2,1);transform:translate(30px)}.hero-slide-anim-slide.hero-slide-active{transform:translate(0)}.hero-slide-anim-zoom{transition:opacity .6s ease,transform .8s ease;transform:scale(1.05)}.hero-slide-anim-zoom.hero-slide-active{transform:scale(1)}.hero-align-left{text-align:left}.hero-align-center{text-align:center;margin-left:auto;margin-right:auto}.hero-align-center h1{margin-left:auto;margin-right:auto}.hero-align-center .hero-btn-group{justify-content:center}.hero-align-center .home-hero-verse{margin-left:auto;margin-right:auto}.hero-align-right{text-align:right;margin-left:auto}.hero-align-right h1{margin-left:auto}.hero-align-right .hero-btn-group{justify-content:flex-end}.hero-align-justify{text-align:justify}.hero-slider-arrow{position:absolute;top:50%;z-index:10;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease}.home-hero-slider:hover .hero-slider-arrow{opacity:1}.hero-slider-arrow:hover{background:#000000b3;border-color:#ffffff4d;transform:translateY(-50%) scale(1.1)}.hero-slider-prev{left:16px}.hero-slider-next{right:16px}.hero-slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px}.hero-slider-dot{width:10px;height:10px;border-radius:50%;background:#ffffff59;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero-slider-dot.active{background:var(--accent);width:28px;border-radius:5px;box-shadow:0 0 10px #1db95480}.hero-slider-dot:hover{background:#fff9}.hero-slider-dot.active:hover{background:var(--accent-light)}.home-hero-content p,.home-hero-content .home-hero-sub,.home-hero-slider .home-hero-content .home-hero-verse,.home-hero-slider .home-hero-content h1,.hero-align-center .home-hero-content p,.hero-align-center .home-hero-content .home-hero-sub{text-align:center}.hero-align-left .home-hero-content p,.hero-align-left .home-hero-content .home-hero-sub{text-align:left}.hero-align-left .home-hero-content h1{margin-left:0}.hero-align-left .hero-btn-group{justify-content:flex-start}.hero-align-left .home-hero-verse{margin-left:0}@media(max-width:768px){.hero-slider-arrow{width:36px;height:36px;font-size:1rem;opacity:1}.hero-slider-prev{left:8px}.hero-slider-next{right:8px}.hero-slider-dots{bottom:14px;gap:6px}.hero-slider-dot{width:8px;height:8px}.hero-slider-dot.active{width:22px}.home-hero-slider .home-hero-content{padding:28px 16px 24px}.home-hero-slider .home-hero h1{font-size:1.8rem}}@media(max-width:480px){.hero-slider-arrow{width:30px;height:30px;font-size:.85rem}.hero-slider-prev{left:4px}.hero-slider-next{right:4px}.hero-slider-dots{bottom:10px;gap:5px}.hero-slider-dot{width:6px;height:6px}.hero-slider-dot.active{width:18px}.home-hero-slider .home-hero-content{padding:20px 12px 18px}.home-hero-slider .home-hero h1{font-size:1.4rem}}.quick-chips{display:flex;gap:10px;margin-bottom:32px;overflow-x:auto;scrollbar-width:none;padding:0 0 4px}.quick-chips::-webkit-scrollbar{display:none}.quick-chip{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);font-size:.84rem;font-weight:600;white-space:nowrap;transition:all .2s ease;cursor:pointer;text-decoration:none}.quick-chip:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.quick-chip i{font-size:1rem}.quick-chip-trending{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef444440}.quick-chip-trending i{color:#ef4444}.quick-chip-trending:hover{background:linear-gradient(135deg,#ef444440,#ef44441a);border-color:#ef444466;color:#fca5a5}.quick-chip-new{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border-color:#fbbf2440}.quick-chip-new i{color:#fbbf24}.quick-chip-new:hover{background:linear-gradient(135deg,#fbbf2440,#fbbf241a);border-color:#fbbf2466;color:#fde68a}.quick-chip-playlists{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf640}.quick-chip-playlists i{color:#8b5cf6}.quick-chip-playlists:hover{background:linear-gradient(135deg,#8b5cf640,#8b5cf61a);border-color:#8b5cf666;color:#c4b5fd}.quick-chip-videos{background:linear-gradient(135deg,#ec489926,#ec48990d);border-color:#ec489940}.quick-chip-videos i{color:#ec4899}.quick-chip-videos:hover{background:linear-gradient(135deg,#ec489940,#ec48991a);border-color:#ec489966;color:#f9a8d4}.trending-num{position:absolute;top:12px;left:12px;z-index:5;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;box-shadow:0 2px 10px #1db95459}.trending-num.trending-top3{width:32px;height:32px;font-size:.82rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 14px #f59e0b73}.trending-card{overflow:visible}.trending-card img{border:2px solid transparent;transition:border-color .3s ease}.trending-card:hover img{border-color:var(--accent)}.home-quick-picks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-pick-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;border:1px solid transparent;transition:all .25s ease;height:64px}.quick-pick-card:hover{background:var(--bg-hover);border-color:var(--border-light);box-shadow:var(--shadow-md)}.quick-pick-card img{width:64px;height:64px;object-fit:cover;flex-shrink:0}.quick-pick-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:8px}.quick-pick-title{font-size:.82rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-pick-artist{font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-pick-play{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;transition:all .2s ease;box-shadow:0 4px 12px #1db9544d}.quick-pick-card:hover .quick-pick-play{opacity:1}.quick-pick-play:hover{transform:translateY(-50%) scale(1.1);background:var(--accent-light)}@media(max-width:1024px){.home-quick-picks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.home-quick-picks-grid{grid-template-columns:1fr}}.trending-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.trending-list-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative}.trending-list-item:hover{background:var(--bg-hover)}.trending-list-rank{width:26px;text-align:center;font-size:1rem;font-weight:800;color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.trending-list-rank.top3{color:var(--accent);font-size:1.1rem}.trending-list-item img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.trending-list-info{flex:1;min-width:0}.trending-list-name{font-size:.88rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-list-artist{font-size:.76rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-list-plays{font-size:.7rem;color:var(--text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.trending-list-play{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transition:all .2s ease;flex-shrink:0;cursor:pointer}.trending-list-item:hover .trending-list-play{opacity:1;color:var(--accent)}.trending-list-play:hover{background:#1db9541a;color:var(--accent);transform:scale(1.1)}@media(max-width:768px){.trending-list-grid{grid-template-columns:1fr}}@media(max-width:480px){.trending-list-item{padding:6px 8px;gap:8px}.trending-list-item img{width:40px;height:40px}.trending-list-name{font-size:.82rem}.trending-list-artist{font-size:.72rem}.trending-list-rank{width:22px;font-size:.88rem}}.community-card-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;background:linear-gradient(135deg,rgba(29,185,84,.05),var(--bg-card));border-color:#1db9541f;grid-column:1 / -1}.quick-chip-fav{background:linear-gradient(135deg,#ef44441f,#ef44440a);border-color:#ef444433}.quick-chip-fav i{color:#ef4444}.quick-chip-fav:hover{background:linear-gradient(135deg,#ef444438,#ef444414);border-color:#ef444459}.genre-grid-home{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre-card-home{position:relative;border-radius:var(--radius-md);overflow:hidden;min-height:100px;display:flex;align-items:flex-end;text-decoration:none;transition:all .25s;border:1px solid transparent}.genre-card-home:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#ffffff1a}.genre-card-home-name{position:relative;z-index:2;padding:14px 16px;font-weight:700;font-size:.92rem;color:#fff;width:100%;background:linear-gradient(transparent,#0009)}.genre-card-home-count{position:absolute;top:10px;right:12px;font-size:.65rem;color:#fff9;z-index:2;font-weight:600}@media(max-width:1024px){.genre-grid-home{grid-template-columns:repeat(3,1fr)}}.live-card{border-color:#ff000026!important}.live-badge{position:absolute;top:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:#ef4444e6;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.5px}.live-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.video-card-home{position:relative;border-radius:var(--radius-md);overflow:hidden;flex:0 0 260px;scroll-snap-align:start;transition:all var(--transition)}.video-card-home:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-card-home img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s;display:block}.video-card-home:hover img{transform:scale(1.05)}.video-card-home-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .3s}.video-card-home:hover .video-card-home-overlay{background:#0006}.video-card-home-play{width:50px;height:50px;border-radius:50%;background:#ff0000e6;display:flex;align-items:center;justify-content:center;transition:transform .3s;box-shadow:0 4px 20px #0006}.video-card-home:hover .video-card-home-play{transform:scale(1.12)}.video-card-home-info{position:absolute;bottom:0;left:0;right:0;padding:36px 14px 12px;background:linear-gradient(transparent,#000000d9)}.video-card-home-info h4{font-size:.85rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.video-card-home-info span{font-size:.72rem;color:#fff9}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.community-card{background:var(--bg-card);border-radius:var(--radius-md);padding:24px;border:1px solid var(--border);transition:all var(--transition)}.community-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.community-card-verse{background:linear-gradient(135deg,rgba(29,185,84,.06),var(--bg-card));border-color:#1db9541f}.community-verse-text{font-style:italic;font-size:.94rem;line-height:1.7;margin:14px 0 12px;color:var(--text-primary)}.community-verse-ref{font-size:.84rem;font-weight:700;color:var(--accent)}.community-leaderboard{margin:14px 0 12px;display:flex;flex-direction:column;gap:6px}.community-leader-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s}.community-leader-row:hover{background:var(--bg-hover)}.leader-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0}.leader-rank.rank-1{background:var(--gold);color:#fff}.leader-rank.rank-2{background:#94a3b8;color:#fff}.leader-rank.rank-3{background:#cd7f32;color:#fff}.leader-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.leader-name{flex:1;min-width:0;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-pts{font-size:.68rem}.community-more-link{font-size:.78rem;margin-top:10px;display:inline-flex}.community-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 12px}.community-stat{text-align:center}.stat-number{font-size:2rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.72rem;color:var(--text-secondary);margin-top:4px;font-weight:600}.genre-chip{display:flex;align-items:center;gap:10px;padding:0;border-radius:var(--radius-lg);overflow:hidden;min-width:175px;height:80px;text-decoration:none;position:relative;transition:all var(--transition);border:1px solid transparent}.genre-chip:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#ffffff1a}.genre-chip-text{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;font-weight:700;font-size:.88rem;color:#fff;background:linear-gradient(transparent,#000000b3);z-index:2}.genre-chip-count{position:absolute;top:8px;right:10px;font-size:.65rem;color:#fff9;z-index:2;font-weight:600}@media(max-width:768px){.home-hero{min-height:240px}.home-hero-content{padding:24px 16px}.home-hero h1{font-size:1.8rem;letter-spacing:-.5px;max-width:100%;word-break:break-word}.home-hero-sub{font-size:.85rem;max-width:100%}.home-hero-verse{font-size:.75rem;padding:6px 14px;max-width:100%}.home-hero-decor{display:none}.video-card-home{flex:0 0 220px}.genre-grid-home{grid-template-columns:repeat(2,1fr)}.community-grid{grid-template-columns:1fr}.home-section{margin-bottom:24px}.section-title{font-size:1.15rem}.trending-list-plays{display:none}.hero-btn-group{gap:8px}.btn-hero-primary{padding:12px 24px;font-size:.84rem}.btn-hero-outline{padding:12px 20px;font-size:.84rem}.hero-align-left .home-hero-content,.hero-align-right .home-hero-content{text-align:center}.hero-align-left h1,.hero-align-right h1{margin-left:auto;margin-right:auto}.hero-align-left .hero-btn-group,.hero-align-right .hero-btn-group{justify-content:center}.hero-align-left .home-hero-verse,.hero-align-right .home-hero-verse{margin-left:auto;margin-right:auto}.hero-align-left .home-hero-sub,.hero-align-right .home-hero-sub{text-align:center;margin-left:auto;margin-right:auto}}@media(max-width:480px){.home-hero{min-height:200px}.home-hero h1{font-size:1.45rem;letter-spacing:-.3px;line-height:1.15}.home-hero-content{padding:16px 12px}.home-hero-sub{font-size:.78rem;margin-bottom:16px}.home-hero-verse{font-size:.7rem;padding:5px 12px;margin-bottom:14px}.quick-chip{padding:8px 14px;font-size:.78rem}.genre-grid-home{grid-template-columns:1fr 1fr;gap:10px}.genre-card-home{min-height:75px}.section-title{font-size:1.05rem}.hero-btn-group{flex-direction:column;align-items:center;gap:8px;width:100%}.btn-hero-primary{padding:11px 22px;font-size:.82rem;width:auto;min-width:200px;justify-content:center}.btn-hero-outline{padding:11px 20px;font-size:.82rem;width:auto;min-width:200px;justify-content:center}}.ngs-footer{margin-top:60px;padding-bottom:20px;border-top:1px solid var(--border);background:var(--bg-card, rgba(255,255,255,.02))}.ngs-footer-main{padding:48px 24px 36px}.ngs-footer-container{display:flex;gap:48px;max-width:1200px;margin:0 auto}.ngs-footer-brand{flex:0 0 220px;display:flex;flex-direction:column;gap:10px}.ngs-footer-logo-link{text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.ngs-footer-logo-img{height:42px;width:auto;object-fit:contain;display:block;max-width:180px}.ngs-footer-logo-text{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.ngs-footer-logo-icon{font-size:1.5rem}.ngs-footer-tagline{font-size:.85rem;color:var(--text-secondary);margin:0}.ngs-footer-socials{display:flex;gap:10px;margin-top:6px}.ngs-footer-socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(var(--accent-rgb, 29, 185, 84),.1);color:var(--accent);text-decoration:none;font-size:1rem;transition:background .2s,transform .2s}.ngs-footer-socials a:hover{background:rgba(var(--accent-rgb, 29, 185, 84),.25);transform:translateY(-2px)}.ngs-footer-fb-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 16px;background:#1877f226;border:1px solid rgba(24,119,242,.35);border-radius:20px;color:#93c5fd;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.ngs-footer-fb-cta i{color:#1877f2}.ngs-footer-fb-cta:hover{background:#1877f247;color:#bfdbfe;transform:translateY(-1px)}.ngs-footer-links{display:flex;flex:1;flex-wrap:wrap;gap:36px}.ngs-footer-col{min-width:140px;flex:1}.ngs-footer-heading{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid transparent;display:inline-block}.ngs-heading-green{color:#22c55e;border-bottom-color:#22c55e}.ngs-heading-blue{color:#3b82f6;border-bottom-color:#3b82f6}.ngs-heading-orange{color:#f59e0b;border-bottom-color:#f59e0b}.ngs-heading-red{color:#ef4444;border-bottom-color:#ef4444}.ngs-footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.ngs-footer-col ul li a{font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:color .2s,padding-left .2s;display:inline-flex;align-items:center;gap:6px}.ngs-footer-col ul li a:hover{color:var(--accent);padding-left:4px}.ngs-footer-contact-list li a{display:flex!important;align-items:center;gap:10px;font-size:.83rem!important}.ngs-contact-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(var(--accent-rgb, 29, 185, 84),.1);color:var(--accent);font-size:.85rem;flex-shrink:0}.ngs-footer-seo{padding:28px 24px 20px;border-top:1px solid var(--border);background:#0000000a}.ngs-footer-seo-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.ngs-footer-seo-block{display:flex;flex-direction:column;gap:10px}.ngs-footer-seo-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #b3b3b3);display:flex;align-items:center;gap:6px}.ngs-footer-seo-title i{font-size:.8rem;color:var(--accent, #1DB954)}.ngs-footer-seo-tags{display:flex;flex-wrap:wrap;gap:6px}.ngs-seo-tag{display:inline-block;padding:4px 12px;font-size:.72rem;border-radius:20px;color:var(--text-muted, #999);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;text-decoration:none;white-space:nowrap}.ngs-seo-tag:hover{color:#fff;background:rgba(var(--accent-rgb, 29, 185, 84),.15);border-color:rgba(var(--accent-rgb, 29, 185, 84),.3);transform:translateY(-1px)}.ngs-seo-tag-song:hover{color:var(--accent, #1DB954)}.ngs-seo-tag-artist:hover{color:#3b82f6;border-color:#3b82f64d;background:#3b82f61a}.ngs-seo-tag-genre:hover{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.ngs-seo-tag-more{font-weight:600;color:var(--accent, #1DB954);border-color:rgba(var(--accent-rgb, 29, 185, 84),.2);background:rgba(var(--accent-rgb, 29, 185, 84),.06)}.ngs-seo-tag-more:hover{background:rgba(var(--accent-rgb, 29, 185, 84),.2);color:#fff}@media(max-width:640px){.ngs-footer-seo{padding:18px 14px 14px}.ngs-footer-seo-inner{gap:16px}.ngs-seo-tag{padding:3px 10px;font-size:.68rem}}.ngs-footer-disclaimer{padding:20px 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0000000f}.ngs-footer-disclaimer p{font-size:.78rem;color:var(--text-muted);line-height:1.65;max-width:1200px;margin:0 auto}.ngs-disclaimer-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;max-width:1200px;margin-left:auto;margin-right:auto}.ngs-disclaimer-links a{font-size:.76rem;color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full, 50px);background:rgba(var(--accent-rgb, 29, 185, 84),.06);transition:background .2s,color .2s}.ngs-disclaimer-links a:hover{background:rgba(var(--accent-rgb, 29, 185, 84),.15);color:var(--accent)}.ngs-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 24px;font-size:.76rem;color:var(--text-muted);border-top:1px solid var(--border)}.ngs-footer-dev a{color:var(--accent);text-decoration:none;font-weight:600}.ngs-footer-dev a:hover{text-decoration:underline}.whatsapp-float{position:fixed;bottom:90px;right:20px;z-index:900;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 18px #25d36673;text-decoration:none;transition:transform .25s,box-shadow .25s}.whatsapp-float:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 28px #25d3668c}.support-float{position:fixed;bottom:146px;right:20px;z-index:900;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 4px 20px #f43f5e73;text-decoration:none;transition:transform .25s,box-shadow .25s}.support-float:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 30px #f43f5e99;color:#fff;text-decoration:none}@keyframes supportPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.bible-float{position:fixed;bottom:202px;right:20px;z-index:900;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 18px #7c3aed73;text-decoration:none;transition:transform .25s,box-shadow .25s}.bible-float:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 28px #7c3aed99;color:#fff}.community-float{position:fixed;bottom:258px;right:20px;z-index:900;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 18px #0ea5e973;text-decoration:none;transition:transform .25s,box-shadow .25s}.community-float:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 28px #0ea5e999;color:#fff}@media(max-width:991px){.ngs-footer{padding-bottom:20px}}@media(max-width:768px){.ngs-footer-main{padding:28px 16px 24px}.ngs-footer-container{flex-direction:column;gap:24px}.ngs-footer-brand{flex:none;text-align:center;align-items:center}.ngs-footer-socials{justify-content:center}.ngs-footer-links{gap:20px}.ngs-footer-col{min-width:calc(50% - 10px)}.ngs-footer-heading{margin-bottom:10px}.ngs-footer-disclaimer{padding:16px}.ngs-footer-bottom{padding:12px 16px;flex-direction:column;text-align:center}.whatsapp-float{bottom:140px;right:14px;width:40px;height:40px;font-size:1.1rem}.support-float{bottom:192px;right:14px;width:40px;height:40px;font-size:1rem}.bible-float{bottom:244px;right:14px;width:40px;height:40px;font-size:.95rem}.community-float{bottom:296px;right:14px;width:40px;height:40px;font-size:.95rem}}.lv-widget{max-width:1200px;margin:0 auto;padding:20px 24px}.lv-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;background:var(--bg-elevated, rgba(255,255,255,.03));border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg, 14px) var(--radius-lg, 14px) 0 0}.lv-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:var(--text-primary)}.lv-title i{font-size:1.2rem;color:var(--accent)}.lv-online-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-full, 50px);background:#22c55e1f;color:#22c55e;font-size:.78rem;font-weight:600;letter-spacing:.3px}.lv-online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55eb3;animation:lv-pulse 2s ease-in-out infinite}@keyframes lv-pulse{0%,to{opacity:1;box-shadow:0 0 6px #22c55eb3}50%{opacity:.4;box-shadow:0 0 14px #22c55e}}.lv-stats-row{display:flex;gap:12px;padding:0 24px 16px;background:var(--bg-elevated, rgba(255,255,255,.03));border-left:1px solid var(--border);border-right:1px solid var(--border)}.lv-stat-card{flex:1;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card, rgba(255,255,255,.04));transition:border-color .2s,background .2s}.lv-stat-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 29, 185, 84),.05)}.lv-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.lv-stat-icon--views{background:#3b82f61f;color:#3b82f6}.lv-stat-icon--visitors{background:#a855f71f;color:#a855f7}.lv-stat-icon--countries{background:#f59e0b1f;color:#f59e0b}.lv-stat-body{display:flex;flex-direction:column;gap:1px}.lv-stat-number{font-size:1.3rem;font-weight:800;color:var(--text-primary);line-height:1.2;font-variant-numeric:tabular-nums}.lv-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.lv-map-container{padding:10px 24px 0;background:#080e1a;border-left:1px solid var(--border);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;overflow:hidden}.lv-world-map{width:100%;max-width:800px;height:auto}.lv-map-region{fill:#0d1b2e;opacity:1;stroke:#ffffff0f;stroke-width:.5;stroke-linejoin:round;transition:fill .4s,opacity .4s}.lv-map-region--visited{fill:#1e4d35;opacity:1;stroke:#22c55e66;stroke-width:.8}.lv-map-region--active{fill:#fbbf24;opacity:1;stroke:#fef08a;stroke-width:1.5;animation:lv-map-glow 1.4s ease-in-out infinite}@keyframes lv-map-glow{0%,to{fill:#fbbf24;stroke:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,1)) drop-shadow(0 0 18px rgba(251,191,36,.9))}50%{fill:#fef08a;stroke:#fef08a;filter:drop-shadow(0 0 18px rgba(254,240,138,1)) drop-shadow(0 0 36px rgba(251,191,36,1)) drop-shadow(0 0 52px rgba(251,191,36,.6))}}.lv-map-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 0 4px}.lv-map-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:var(--text-secondary);padding:3px 10px;border-radius:var(--radius-full, 50px);background:rgba(var(--accent-rgb, 29, 185, 84),.08);border:1px solid rgba(var(--accent-rgb, 29, 185, 84),.2)}.lv-map-legend-count{font-size:.7rem;color:var(--text-muted);font-weight:600}.lv-countries{padding:14px 24px 20px;background:var(--bg-elevated, rgba(255,255,255,.03));border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg, 14px) var(--radius-lg, 14px)}.lv-countries-scroll{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:320px;overflow-y:auto;padding-right:4px}.lv-countries-scroll::-webkit-scrollbar{width:4px}.lv-countries-scroll::-webkit-scrollbar-track{background:transparent}.lv-countries-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.lv-country-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-full, 50px);border:1px solid var(--border);background:var(--bg-card, rgba(255,255,255,.04));font-size:.82rem;color:var(--text-secondary);white-space:nowrap;transition:border-color .2s,background .2s;cursor:default}.lv-country-pill:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 29, 185, 84),.06)}.lv-country-flag{font-size:1.1rem;line-height:1}.lv-country-name{color:var(--text-secondary)}.lv-country-count{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.8rem}.lv-country-pill--has-online{border-color:#22c55e59;background:#22c55e0f}.lv-country-pill--has-online:hover{border-color:#22c55e;background:#22c55e1f}.lv-country-pill--has-online .lv-country-name{color:var(--text-primary)}.lv-country-pill--has-online .lv-online-dot{width:7px;height:7px}@media(max-width:768px){.lv-widget{padding:0 16px}.lv-header{padding:14px 16px 10px}.lv-title{font-size:.9rem}.lv-online-badge{font-size:.72rem;padding:4px 10px}.lv-stats-row{flex-direction:column;gap:8px;padding:0 16px 14px}.lv-stat-card{padding:12px 14px}.lv-stat-number{font-size:1.1rem}.lv-stat-icon{width:34px;height:34px;font-size:1rem}.lv-map-container{padding:8px 16px 0}.lv-map-legend{gap:5px}.lv-map-legend-item{font-size:.7rem;padding:2px 8px}.lv-countries{padding:12px 16px 16px}.lv-countries-scroll{gap:6px}.lv-country-pill{padding:5px 10px;font-size:.78rem;gap:5px}.lv-country-flag{font-size:.95rem}}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.88rem;color:var(--text-primary)}.form-group label .form-required{color:var(--red, #e74c3c);margin-left:2px}.form-input-wrapper{position:relative}.form-input-wrapper.has-icon input,.form-input-wrapper.has-icon textarea{padding-left:38px}.form-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.92rem;pointer-events:none}.form-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:.92rem}.form-password-toggle:hover{color:var(--text-primary)}.form-control-error{border-color:var(--red, #e74c3c)!important}.form-error{color:var(--red, #e74c3c);font-size:.82rem;margin-top:4px;display:flex;align-items:center;gap:4px}.form-help{color:var(--text-muted);font-size:.78rem;margin-top:4px}.form-check{display:flex;align-items:center;gap:8px;margin-bottom:12px;cursor:pointer}.form-check-input{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-color);background:var(--bg-elevated);cursor:pointer;accent-color:var(--accent)}.form-check-label{font-size:.88rem;color:var(--text-primary);cursor:pointer;user-select:none}.form-char-count{font-size:.72rem;color:var(--text-muted);text-align:right;margin-top:2px}.form-file-preview{margin-top:8px}.form-file-preview img{max-width:120px;max-height:120px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.form-actions{display:flex;gap:10px;align-items:center;margin-top:24px}.form-actions .btn{min-width:120px}.breadcrumbs{display:flex;align-items:center;gap:4px;font-size:.82rem;padding:8px 0;flex-wrap:wrap}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.stat-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border-color);display:flex;align-items:flex-start;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-card-value{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.stat-card-label{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.stat-card-trend{font-size:.72rem;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:4px}.pagination-nav{display:flex;justify-content:center;gap:4px;padding:20px 0}.pagination-link{padding:8px 14px;border-radius:8px;font-size:.82rem;text-decoration:none;transition:background .2s}.pagination-link.active{background:var(--accent);color:#fff;font-weight:600}.pagination-link:not(.active){background:var(--bg-elevated);color:var(--text-secondary)}.pagination-link:not(.active):hover{background:var(--bg-hover)}.pagination-link.disabled{opacity:.4;pointer-events:none}.dash-welcome{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:28px 24px;border-radius:16px;background:linear-gradient(135deg,#1db9541f,#1db95408);border:1px solid rgba(29,185,84,.15);margin-bottom:28px}.dash-welcome-content{display:flex;align-items:center;gap:16px}.dash-avatar-wrap{position:relative;flex-shrink:0}.dash-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.dash-avatar-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2.5px solid var(--bg-primary)}.dash-greeting{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3}.dash-subtext{font-size:.88rem;color:var(--text-secondary);margin:4px 0 0}.dash-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:32px}.dash-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.dash-stat-card:hover{transform:translateY(-2px);border-color:var(--stat-color, var(--accent));box-shadow:0 4px 20px #00000026}.dash-stat-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--stat-color, var(--accent)) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--stat-color, var(--accent));flex-shrink:0}.dash-stat-info{display:flex;flex-direction:column}.dash-stat-value{font-size:1.2rem;font-weight:800;color:var(--text-primary);line-height:1.2}.dash-stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.dash-section{margin-bottom:32px}.dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-section-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.dash-section-header h2 i{font-size:1rem;opacity:.7}.dash-see-all{font-size:.82rem;color:var(--accent);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:4px;transition:gap .2s}.dash-see-all:hover{gap:8px}.dash-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:32px}.dash-quick-action{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text-primary);font-size:.82rem;font-weight:600;text-align:center;transition:transform .2s,border-color .2s,background .2s}.dash-quick-action:hover{transform:translateY(-3px);border-color:var(--action-color, var(--accent));background:color-mix(in srgb,var(--action-color, var(--accent)) 8%,transparent)}.dash-quick-icon{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--action-color, var(--accent)) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--action-color, var(--accent));transition:transform .2s}.dash-quick-action:hover .dash-quick-icon{transform:scale(1.1)}.dash-songs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.dash-song-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .2s}.dash-song-item:hover{background:var(--bg-hover, rgba(255,255,255,.05))}.dash-song-cover{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.dash-song-info{flex:1;min-width:0;display:flex;flex-direction:column}.dash-song-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-song-artist{font-size:.78rem;color:var(--text-secondary);text-decoration:none}.dash-song-artist:hover{color:var(--accent)}.dash-song-play{width:34px;height:34px;border-radius:50%;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;flex-shrink:0}.dash-song-item:hover .dash-song-play{opacity:1;transform:scale(1)}.dash-playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.dash-playlist-card{text-decoration:none;color:inherit;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.dash-playlist-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0003}.dash-playlist-cover{aspect-ratio:1;overflow:hidden;background:var(--bg-elevated)}.dash-playlist-cover img{width:100%;height:100%;object-fit:cover}.dash-playlist-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--text-muted);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card))}.dash-playlist-info{padding:12px}.dash-playlist-name{display:block;font-weight:600;font-size:.88rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-playlist-count{font-size:.75rem;color:var(--text-muted)}.dash-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.dash-artist-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit;padding:16px 8px;border-radius:12px;transition:background .2s,transform .2s}.dash-artist-card:hover{background:var(--bg-hover, rgba(255,255,255,.05));transform:translateY(-2px)}.dash-artist-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:border-color .2s}.dash-artist-card:hover .dash-artist-img{border-color:var(--accent)}.dash-artist-name{font-size:.84rem;font-weight:600;color:var(--text-primary);text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-artist-songs{font-size:.72rem;color:var(--text-muted)}.dash-empty{text-align:center;padding:60px 24px;background:var(--bg-card, rgba(255,255,255,.04));border:1px dashed var(--border);border-radius:16px;margin-top:20px}.dash-empty-icon{font-size:3rem;margin-bottom:12px}.dash-empty h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.dash-empty p{color:var(--text-secondary);font-size:.88rem;margin-bottom:20px}@media(max-width:768px){.dash-welcome{flex-direction:column;align-items:flex-start;padding:20px 16px}.dash-greeting{font-size:1.15rem}.dash-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dash-stat-card{padding:12px 14px;gap:10px}.dash-stat-value{font-size:1rem}.dash-library-grid{grid-template-columns:repeat(3,1fr);gap:10px}.dash-quick-action{padding:14px 8px;font-size:.75rem}.dash-quick-icon{width:38px;height:38px;font-size:1rem}.dash-songs-list{grid-template-columns:1fr}.dash-playlists-grid{grid-template-columns:repeat(2,1fr)}.dash-artists-grid{grid-template-columns:repeat(3,1fr);gap:10px}.dash-artist-img{width:56px;height:56px}}@media(max-width:400px){.dash-library-grid{grid-template-columns:repeat(2,1fr)}.dash-stats-grid{grid-template-columns:1fr 1fr}}.profile-hero{position:relative;margin:-24px -24px 24px;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.profile-cover{height:200px;background-size:cover;background-position:center}.profile-hero-content{display:flex;align-items:flex-end;gap:24px;padding:0 32px 32px;margin-top:-60px;position:relative;z-index:1}.profile-avatar-lg{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-primary);object-fit:cover;flex-shrink:0;background:var(--bg-card)}.profile-hero-text{flex:1;min-width:0}.profile-display-name{font-size:1.8rem;font-weight:800;margin-bottom:4px}.profile-bio{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px;max-width:600px}.profile-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.profile-meta-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.profile-meta-item i{font-size:.9rem}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:32px}.profile-stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:var(--transition-fast)}.profile-stat-box:hover{border-color:var(--accent);transform:translateY(-2px)}.profile-stat-box i{font-size:1.3rem;color:var(--accent)}.profile-stat-box .stat-value{font-size:1.5rem;font-weight:800}.profile-stat-box .stat-label{font-size:.78rem;color:var(--text-secondary)}.profile-section{margin-bottom:32px}.profile-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-section .section-title{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:16px}.profile-section .section-title i{color:var(--accent)}.profile-artists-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.profile-artist-chip{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);text-decoration:none;color:var(--text-primary);font-size:.88rem;font-weight:500;white-space:nowrap;transition:var(--transition-fast)}.profile-artist-chip:hover{border-color:var(--accent);background:var(--bg-hover)}.profile-artist-chip img{width:36px;height:36px;border-radius:50%;object-fit:cover}.profile-playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.profile-playlist-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:var(--transition-fast)}.profile-playlist-card:hover{border-color:var(--accent);transform:translateY(-1px)}.profile-playlist-card .playlist-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent);flex-shrink:0}.profile-playlist-card .playlist-name{font-weight:600;font-size:.9rem}.profile-playlist-card .playlist-meta{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.profile-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.profile-quick-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-size:.82rem;font-weight:500;transition:var(--transition-fast)}.profile-quick-link:hover{border-color:var(--accent);transform:translateY(-2px)}.profile-quick-link i{font-size:1.4rem}@media(max-width:768px){.profile-hero-content{flex-direction:column;align-items:center;text-align:center;padding:0 16px 20px;margin-top:-50px}.profile-avatar-lg{width:96px;height:96px}.profile-display-name{font-size:1.4rem}.profile-meta-row,.profile-actions{justify-content:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-playlists-grid{grid-template-columns:1fr}.profile-quick-links{grid-template-columns:repeat(3,1fr)}}.voice-search-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:1.1rem;transition:var(--transition-fast);display:flex;align-items:center}.voice-search-btn:hover{color:var(--accent)}.voice-search-btn.listening{color:var(--red);animation:voice-pulse 1.2s infinite}@keyframes voice-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.voice-search-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.voice-search-overlay .voice-circle{width:120px;height:120px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;animation:voice-pulse 1.2s infinite}.voice-search-overlay .voice-text{color:#fff;font-size:1.1rem;max-width:300px;text-align:center}.voice-search-overlay .voice-cancel{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 24px;border-radius:var(--radius-full);cursor:pointer;font-size:.9rem}.voice-search-overlay .voice-cancel:hover{background:#ffffff1a}.crossfade-setting{display:flex;align-items:center;gap:10px;padding:8px 14px}.crossfade-setting label{font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.crossfade-slider{width:80px;accent-color:var(--accent)}.verified-badge{display:inline-flex;align-items:center;margin-left:8px;color:#1da1f2;font-size:.85em;vertical-align:middle}.verified-badge i{font-size:1.1em}.explicit-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff3;color:var(--text-secondary);font-size:.6rem;font-weight:700;border-radius:3px;margin-left:6px;vertical-align:middle;line-height:1;letter-spacing:0}.sleep-timer-section{padding:8px 14px}.dropdown-item-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary);margin-bottom:8px}.badge-active{background:var(--accent);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:4px}.sleep-timer-options{display:flex;gap:6px;flex-wrap:wrap}.sleep-timer-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:14px;font-size:.75rem;cursor:pointer;transition:all .2s}.sleep-timer-btn:hover,.sleep-timer-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sleep-timer-btn.cancel{background:transparent;color:#e74c3c;border-color:#e74c3c}.sleep-timer-btn.cancel:hover{background:#e74c3c;color:#fff}.volume-pct{font-size:.72rem;color:var(--text-muted);min-width:28px;text-align:center}.eq-panel,.fx-panel{position:absolute;bottom:100%;right:0;margin-bottom:12px;width:340px;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);box-shadow:0 -8px 40px #00000073;padding:18px 20px;z-index:1100;animation:dropIn .22s ease}.eq-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.eq-panel-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(var(--accent-rgb, 29,185,84),.18);color:var(--accent);font-size:1.1rem}.eq-panel-icon.fx{background:#ffa03c26;color:#ffa03c}.eq-panel-title{flex:1;display:flex;flex-direction:column}.eq-panel-title span{font-size:.82rem;font-weight:700;letter-spacing:1.5px;color:var(--text-primary)}.eq-panel-title small{font-size:.68rem;color:var(--text-muted);letter-spacing:1px;margin-top:1px}.eq-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.eq-close:hover{color:var(--text-primary);background:var(--bg-card)}.eq-toggle{width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;padding:0;background:#ffffff1f;position:relative;transition:background .25s}.eq-toggle.active{background:var(--accent)}.eq-toggle-knob{display:block;width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .25s}.eq-toggle.active .eq-toggle-knob{transform:translate(18px)}.eq-toggle-btn{background:rgba(var(--accent-rgb,29,185,84),.12);border:1px solid transparent;color:var(--text-secondary);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;transition:all .2s}.eq-toggle-btn:hover,.eq-toggle-btn.active{color:var(--accent);border-color:var(--accent)}.eq-sliders{display:flex;gap:4px;justify-content:space-around;padding:8px 0}.eq-slider-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.eq-freq-label{font-size:.6rem;font-weight:600;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.eq-slider-track{height:140px;display:flex;align-items:center;justify-content:center}.eq-vertical-slider{writing-mode:vertical-lr;direction:rtl;width:140px;height:6px;accent-color:var(--accent);cursor:pointer;appearance:slider-vertical;-webkit-appearance:slider-vertical}.eq-vertical-slider:disabled{opacity:.35;cursor:not-allowed}.fx-panel{width:360px}.fx-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.fx-preset-btn{padding:6px 16px;border:1px solid var(--border);border-radius:var(--radius-full, 50px);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.fx-preset-btn:hover{border-color:var(--accent);color:var(--accent)}.fx-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.fx-sliders{display:flex;flex-direction:column;gap:14px}.fx-slider-row{display:flex;flex-direction:column;gap:4px}.fx-slider-row label{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.fx-slider-row input[type=range]{width:100%;accent-color:var(--accent);height:5px}.queue-panel{position:fixed;right:0;top:0;bottom:var(--player-h, 72px);width:360px;max-width:90vw;background:var(--bg-elevated, #1e1e2e);border-left:1px solid var(--border);z-index:1050;display:flex;flex-direction:column;animation:queueSlideIn .25s ease;box-shadow:-4px 0 30px #00000059}@keyframes queueSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.queue-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.queue-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.queue-actions{display:flex;gap:8px}.queue-btn{padding:5px 14px;border-radius:var(--radius-full, 50px);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.queue-btn:hover{border-color:var(--accent);color:var(--accent)}.queue-btn-clear:hover{border-color:#e74c3c;color:#e74c3c}.queue-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:6px;padding:40px 20px}.queue-empty i{font-size:2.5rem;opacity:.35;margin-bottom:8px}.queue-empty p{font-size:.9rem;font-weight:600;margin:0;color:var(--text-secondary)}.queue-empty span{font-size:.78rem}.queue-list{flex:1;overflow-y:auto;padding:6px 0}.queue-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .15s}.queue-item:hover{background:#ffffff0a}.queue-item-active{background:rgba(var(--accent-rgb, 29,185,84),.08)}.queue-item img{width:42px;height:42px;border-radius:6px;object-fit:cover;flex-shrink:0}.queue-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.queue-item-title{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-active .queue-item-title{color:var(--accent)}.queue-item-artist{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-playing{color:var(--accent);font-size:1rem;flex-shrink:0}.queue-item-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;opacity:0;transition:opacity .15s,color .15s;padding:4px;flex-shrink:0}.queue-item:hover .queue-item-remove{opacity:1}.queue-item-remove:hover{color:#e74c3c}@media(max-width:768px){.queue-panel{width:100%;max-width:100%}.eq-panel,.fx-panel{width:300px;right:-60px}.volume-pct{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}.btn-collaborative-active{color:var(--accent)!important;border-color:var(--accent)!important}.collab-badge{transition:background .2s}.collab-badge:hover{background:var(--bg-hover)!important}.artist-social-links a:hover i{transform:scale(1.2);transition:transform .2s}.admin-dash-welcome{background:linear-gradient(135deg,#1db9541f,#1db95408);border:1px solid rgba(29,185,84,.15);border-radius:16px;padding:28px 32px;margin-bottom:28px}.admin-dash-welcome h1{font-size:1.4rem;font-weight:800;margin-bottom:4px}.admin-dash-welcome p{font-size:.88rem;color:var(--text-secondary)}.admin-dash-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.admin-dash-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.admin-dash-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff1a}[data-theme=light] .admin-dash-stat{background:#fff;border-color:#0000000f}[data-theme=light] .admin-dash-stat:hover{border-color:#0000001f;box-shadow:0 4px 20px #00000014}[data-theme=light] .admin-dash-card{background:#fff;border-color:#0000000f}[data-theme=light] .admin-dash-welcome{background:linear-gradient(135deg,#1db95414,#1db95405);border-color:#1db9541f}.admin-dash-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.admin-dash-stat-icon i{font-size:1.2rem;color:#fff}.admin-dash-stat-info{flex:1;min-width:0}.admin-dash-stat-value{font-size:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-.3px}.admin-dash-stat-label{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.admin-dash-stat-change{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:8px;display:flex;align-items:center;gap:2px;position:absolute;top:12px;right:12px}.admin-dash-stat-change.positive{background:#22c55e1f;color:#22c55e}.admin-dash-stat-change.negative{background:#ef44441f;color:#ef4444}.admin-dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;overflow:hidden}.admin-dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.admin-dash-card-header h3{font-size:.95rem;font-weight:700;margin:0}.admin-dash-card-body{padding:8px 10px}.admin-dash-view-all{font-size:.78rem;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:4px;text-decoration:none;transition:gap .2s}.admin-dash-view-all:hover{gap:8px;color:var(--accent)}.admin-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:860px){.admin-dash-grid{grid-template-columns:1fr}.admin-dash-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.admin-dash-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s}.admin-dash-list-item:hover{background:var(--bg-hover)}.admin-dash-list-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.admin-dash-list-title{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dash-list-sub{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dash-list-action{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all .15s;flex-shrink:0}.admin-dash-list-action:hover{background:#1db9541a;color:var(--accent)}.admin-dash-th{text-align:left;padding:10px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.admin-dash-tr{transition:background .15s}.admin-dash-tr:hover{background:var(--bg-hover)}.admin-dash-td{padding:10px 12px;font-size:.86rem;border-bottom:1px solid var(--border)}.admin-page-header{margin-bottom:28px}.admin-page-header h1{font-size:1.5rem;font-weight:800;margin:0}.admin-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary);text-decoration:none;margin-bottom:6px;transition:color .2s}.admin-back-link:hover{color:var(--accent)}.admin-form-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:960px){.admin-form-layout{grid-template-columns:1fr}.admin-form-sidebar{order:-1}}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media(max-width:600px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-group{margin-bottom:18px}.admin-form-label{display:block;margin-bottom:6px;font-weight:600;font-size:.88rem;color:var(--text-primary)}.admin-form-label .required-star{color:#ef4444;margin-left:2px}.admin-form-hint{font-size:.78rem;color:var(--text-secondary);margin-top:4px}.admin-form-error{font-size:.82rem;color:#ef4444;margin-top:4px}.form-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;position:sticky;top:24px}.form-sidebar-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.form-sidebar-header h3{font-size:.95rem;font-weight:700;margin:0}.form-sidebar-body{padding:20px}.sidebar-divider{height:1px;background:var(--border-color);margin:16px -20px}.sidebar-meta{display:flex;flex-direction:column;gap:10px}.sidebar-meta-item{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.sidebar-meta-item span:first-child{color:var(--text-secondary)}.sidebar-meta-item span:last-child{font-weight:600;color:var(--text-primary)}.form-section{margin-bottom:0}.form-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.form-section-header i{font-size:1.1rem;color:var(--accent)}.form-section-header h4{font-size:1rem;font-weight:700;margin:0;flex:1}.form-section-chevron{font-size:.82rem;color:var(--text-secondary);transition:transform .2s}.form-section.collapsed .form-section-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.toggle-switch-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;cursor:pointer;user-select:none}.toggle-switch-label-group{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-switch-label{font-size:.88rem;font-weight:600;color:var(--text-primary)}.toggle-switch-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.toggle-switch{position:relative;width:44px;min-width:44px;height:24px;background:var(--bg-hover);border-radius:12px;transition:background .25s;flex-shrink:0}.toggle-switch.active{background:var(--accent)}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1;margin:0}.toggle-switch-slider{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s;pointer-events:none;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-switch-slider{transform:translate(20px)}.drag-drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .25s;background:transparent;min-height:140px;display:flex;align-items:center;justify-content:center}.drag-drop-zone:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 139, 92, 246),.04)}.drag-drop-zone.drag-over{border-color:var(--accent);background:rgba(var(--accent-rgb, 139, 92, 246),.08);transform:scale(1.01)}.drag-drop-zone.has-preview{padding:8px;border-style:solid;border-color:var(--border-color)}.drag-drop-zone.has-error{border-color:#ef4444}.drag-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px}.drag-drop-placeholder>i{font-size:2.2rem;color:var(--text-secondary);opacity:.5}.drag-drop-text{font-size:.88rem;color:var(--text-secondary)}.drag-drop-text strong{color:var(--accent)}.drag-drop-hint{font-size:.75rem;color:var(--text-secondary);opacity:.7}.drag-drop-preview{position:relative;width:100%;border-radius:8px;overflow:hidden}.drag-drop-preview-img{width:100%;max-height:200px;object-fit:cover;border-radius:8px;display:block}.drag-drop-preview-overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .25s;border-radius:8px}.drag-drop-preview:hover .drag-drop-preview-overlay{opacity:1}.drag-drop-change-btn,.drag-drop-remove-btn{padding:6px 14px;border-radius:8px;border:none;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.drag-drop-change-btn{background:#ffffffe6;color:#1a1a2e}.drag-drop-change-btn:hover{background:#fff}.drag-drop-remove-btn{background:#ef4444e6;color:#fff}.drag-drop-remove-btn:hover{background:#ef4444}.drag-drop-file-info{display:flex;align-items:center;gap:12px;width:100%}.drag-drop-filename{flex:1;font-size:.88rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.drag-drop-file-info .drag-drop-remove-btn{padding:4px 8px;border-radius:6px;font-size:.75rem}.slug-input-wrapper{display:flex;align-items:center;gap:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-card);transition:border-color .2s}.slug-input-wrapper:focus-within{border-color:var(--accent)}.slug-input-prefix{padding:8px 10px;font-size:.88rem;color:var(--text-secondary);background:var(--bg-hover);border-right:1px solid var(--border-color);font-weight:500;user-select:none}.slug-input.form-control{border:none;border-radius:0;background:transparent;box-shadow:none}.slug-input.form-control:focus{border:none;box-shadow:none}.slug-generate-btn{padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s;font-size:1rem}.slug-generate-btn:hover{color:var(--accent)}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-secondary);pointer-events:none;z-index:1}.input-with-icon.form-control{padding-left:38px}.admin-page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.admin-page-top-left{display:flex;align-items:center;gap:12px}.admin-page-top-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1db95426,#1db9540d);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.1rem;flex-shrink:0}.admin-page-top-title{font-size:1.4rem;font-weight:800;letter-spacing:-.3px;color:var(--text-primary)}.admin-page-top-right{display:flex;align-items:center;gap:10px;margin-left:auto}.btn-admin-add{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:12px;font-size:.84rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1db954,#17a048);border:none;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 2px 12px #1db95440;letter-spacing:.2px;white-space:nowrap}.btn-admin-add:hover{transform:translateY(-1px);box-shadow:0 4px 20px #1db95459;background:linear-gradient(135deg,#23e066,#1db954);color:#fff}.btn-admin-add:active{transform:translateY(0);box-shadow:0 1px 6px #1db95433}.btn-admin-add i{font-size:1rem;font-weight:900}.admin-card-v2{background:var(--bg-card);border-radius:14px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}[data-theme=light] .admin-card-v2{background:#fff;border-color:#0000000f}.admin-card-v2-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.admin-card-v2-header h3{font-size:.95rem;font-weight:700;margin:0}.admin-card-v2-body{padding:24px}.admin-card-v2>div:only-child:not(.admin-card-v2-header):not(.admin-card-v2-body){padding:24px}.admin-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.admin-form-actions-left{display:flex;align-items:center;gap:10px}.admin-form-actions-right{display:flex;align-items:center;gap:10px;margin-left:auto}.btn-admin-save{display:inline-flex;align-items:center;gap:8px;padding:11px 30px;border-radius:12px;font-size:.86rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1db954,#17a048);border:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px #1db95440;letter-spacing:.2px}.btn-admin-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #1db95459;background:linear-gradient(135deg,#23e066,#1db954)}.btn-admin-save:active:not(:disabled){transform:translateY(0)}.btn-admin-save:disabled{opacity:.6;cursor:not-allowed}.btn-admin-save i{font-size:1rem}.btn-admin-cancel{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:12px;font-size:.84rem;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all .18s}.btn-admin-cancel:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-light)}[data-theme=light] .btn-admin-cancel{background:#f5f5f7;border-color:#0000001a}.btn-admin-reset{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:12px;font-size:.84rem;font-weight:600;color:var(--text-muted);background:transparent;border:1px dashed var(--border-light);cursor:pointer;transition:all .18s}.btn-admin-reset:hover{color:var(--text-secondary);border-color:var(--text-muted);background:var(--bg-elevated)}.spin{animation:admin-spin 1s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}@media(max-width:540px){.admin-form-actions{flex-direction:column}.admin-form-actions-right{width:100%;justify-content:flex-end}.admin-page-top{gap:12px}.btn-admin-add span{display:none}.btn-admin-add{padding:10px 14px;border-radius:10px}}.current-audio-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-hover);border-radius:10px;margin-bottom:16px;font-size:.88rem}.current-audio-info i{font-size:1.2rem;color:var(--accent)}.current-audio-info audio{margin-left:auto}.album-tracks-list{display:flex;flex-direction:column;gap:0}.album-track-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;transition:background .15s}.album-track-row:hover{background:var(--bg-hover)}.track-number{width:28px;font-size:.82rem;color:var(--text-secondary);text-align:center;font-weight:500}.track-name{flex:1;font-size:.9rem;font-weight:500}.track-duration{font-size:.82rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.track-edit-btn{padding:4px 8px;border-radius:6px;color:var(--text-secondary);text-decoration:none;transition:all .15s;font-size:.82rem}.track-edit-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb, 139, 92, 246),.1)}.sp-page{min-height:100vh;background:var(--bg-primary, #121212)}.sp-header{padding:20px 0 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.sp-header-inner{max-width:820px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}.sp-header-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-color, #1DB954)}.sp-header-icon i{font-size:1.1rem;color:#fff}.sp-header-text h1{font-size:1.65rem;font-weight:700;color:var(--text-primary, #fff);margin:0;line-height:1.2}.sp-header-text p{font-size:.92rem;color:var(--text-secondary, #b3b3b3);margin:2px 0 0;line-height:1.3}.sp-header-meta{margin-left:auto;font-size:.82rem;color:var(--text-secondary, #888);background:#ffffff0f;padding:4px 10px;border-radius:20px;white-space:nowrap}.sp-body{max-width:820px;margin:0 auto;padding:20px 20px 40px}.sp-intro{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 18px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.sp-intro-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb, 29,185,84),.15)}.sp-intro-icon i{font-size:.95rem;color:var(--accent-color, #1DB954)}.sp-intro-text{font-size:.98rem;color:var(--text-secondary, #b3b3b3);line-height:1.65}.sp-intro-text strong{color:var(--accent-color, #1DB954)}.sp-intro-text p{margin:0 0 6px}.sp-intro-text p:last-child{margin:0}.sp-intro-note{display:inline-block;margin-top:6px;font-size:.88rem;font-weight:500;color:var(--accent-color, #1DB954);opacity:.9}.sp-section{margin-bottom:16px}.sp-section-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.sp-num{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;background:var(--accent-color, #1DB954)}.sp-section-title{font-size:1.12rem;font-weight:650;color:var(--text-primary, #fff);margin:0}.sp-section-body{padding-left:36px;color:var(--text-secondary, #b3b3b3);font-size:.98rem;line-height:1.7}.sp-section-body p{margin:0 0 8px}.sp-section-body p:last-child{margin:0}.sp-section-body strong{color:var(--text-primary, #fff)}.sp-section-body a{color:var(--accent-color, #1DB954);text-decoration:none}.sp-section-body a:hover{text-decoration:underline}.sp-list{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:5px}.sp-list li{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border-radius:6px;background:#ffffff08;font-size:.95rem;transition:background .2s}.sp-list li:hover{background:#ffffff0f}.sp-list li i{margin-top:2px;font-size:.85rem;flex-shrink:0}.sp-list li span{line-height:1.5}.sp-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.sp-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);padding:6px 12px;border-radius:6px;font-size:.9rem;color:var(--text-primary, #fff);transition:background .2s}.sp-chip:hover{background:#ffffff14}.sp-chip i{font-size:.82rem;color:var(--accent-color, #1DB954)}.sp-callout{background:rgba(var(--accent-rgb, 29,185,84),.06);border-left:3px solid var(--accent-color, #1DB954);border-radius:0 8px 8px 0;padding:10px 14px;margin:10px 0;display:flex;align-items:flex-start;gap:10px;font-size:.95rem}.sp-callout i{margin-top:2px;color:var(--accent-color, #1DB954);flex-shrink:0;font-size:.88rem}.sp-callout span{color:var(--text-secondary, #b3b3b3);line-height:1.5}.sp-callout strong{color:var(--text-primary, #fff)}.sp-callout.warning{background:#f59e0b14;border-left-color:#f59e0b}.sp-callout.warning i{color:#f59e0b}.sp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.sp-info-item{display:flex;align-items:flex-start;gap:10px;background:#ffffff08;border-radius:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.04);transition:background .2s}.sp-info-item:hover{background:#ffffff0f}.sp-info-item-icon{width:30px;height:30px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb, 29,185,84),.12)}.sp-info-item-icon i{font-size:.82rem;color:var(--accent-color, #1DB954)}.sp-info-item h4{font-size:.92rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 2px}.sp-info-item p{font-size:.88rem;color:var(--text-secondary, #b3b3b3);margin:0;line-height:1.4}.sp-steps{display:flex;flex-direction:column;gap:6px;margin:10px 0}.sp-step{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.04);transition:background .2s}.sp-step:hover{background:#ffffff0f}.sp-step-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #1DB954);font-size:.78rem;color:#fff;font-weight:700}.sp-step-text strong{display:block;font-size:.92rem;color:var(--text-primary, #fff);margin-bottom:1px}.sp-step-text span{font-size:.88rem;color:var(--text-secondary, #b3b3b3);line-height:1.4}.sp-contact-block{background:#ffffff0a;border-radius:10px;padding:14px 16px;margin-top:8px;display:flex;flex-direction:column;gap:10px}.sp-contact-row{display:flex;align-items:center;gap:10px}.sp-contact-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb, 29,185,84),.12)}.sp-contact-icon i{font-size:.88rem;color:var(--accent-color, #1DB954)}.sp-contact-info{font-size:.95rem}.sp-contact-info .label{font-size:.78rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.sp-contact-info a{color:var(--accent-color, #1DB954);text-decoration:none;font-weight:500}.sp-contact-info a:hover{text-decoration:underline}.sp-contact-info span{color:var(--text-secondary, #b3b3b3)}.sp-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sp-links a{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, #aaa);padding:5px 12px;border-radius:20px;font-size:.86rem;text-decoration:none;transition:all .2s}.sp-links a:hover{background:rgba(var(--accent-rgb, 29,185,84),.1);color:var(--accent-color, #1DB954);border-color:rgba(var(--accent-rgb, 29,185,84),.2)}.sp-links a i{font-size:.78rem}.sp-closing{margin-top:24px;padding:16px 18px;text-align:center;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.sp-closing .verse{font-size:.98rem;color:var(--accent-color, #1DB954);font-style:italic;margin:0 0 6px}.sp-closing .tagline{font-size:.92rem;color:var(--text-secondary, #b3b3b3);margin:0}.sp-closing .tagline strong{color:var(--text-primary, #fff)}.sp-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.sp-duo-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;transition:all .25s}.sp-duo-card:hover{background:#ffffff0f;border-color:rgba(var(--accent-rgb, 29,185,84),.2)}.sp-duo-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sp-duo-card-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sp-duo-card-icon i{font-size:.95rem;color:#fff}.sp-duo-card-icon.vision{background:var(--accent-color, #1DB954)}.sp-duo-card-icon.mission{background:#8b5cf6}.sp-duo-card h3{font-size:1.1rem;font-weight:650;color:var(--text-primary, #fff);margin:0}.sp-duo-card-body{color:var(--text-secondary, #b3b3b3);font-size:.95rem;line-height:1.65}.sp-duo-card-body p{margin:0 0 6px}.sp-duo-card-body strong{color:var(--accent-color, #1DB954)}.sp-duo-card-body ul{list-style:none;padding:0;margin:6px 0 0}.sp-duo-card-body ul li{padding:4px 0;display:flex;align-items:center;gap:6px;font-size:.92rem}.sp-duo-card-body ul li i{font-size:.78rem}.sp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.sp-feature{background:#ffffff08;border-radius:8px;padding:12px;text-align:center;border:1px solid rgba(255,255,255,.04);transition:all .25s}.sp-feature:hover{background:#ffffff0f;border-color:rgba(var(--accent-rgb, 29,185,84),.15)}.sp-feature-icon{width:34px;height:34px;border-radius:8px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb, 29,185,84),.12)}.sp-feature-icon i{font-size:.95rem;color:var(--accent-color, #1DB954)}.sp-feature h4{font-size:.9rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 3px}.sp-feature p{font-size:.84rem;color:var(--text-secondary, #b3b3b3);margin:0;line-height:1.4}.sp-why-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.sp-why-item{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#ffffff08;border-radius:6px;font-size:.92rem;color:var(--text-primary, #fff)}.sp-why-item i{font-size:.78rem;color:var(--accent-color, #1DB954)}.sp-stats{display:flex;gap:16px;justify-content:center;margin:10px 0}.sp-stat{text-align:center}.sp-stat-icon{width:36px;height:36px;border-radius:8px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;background:#3b82f61f}.sp-stat-icon i{font-size:.95rem;color:#3b82f6}.sp-stat-label{font-size:.88rem;font-weight:600;color:var(--text-primary, #fff)}.sp-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.sp-contact-card{background:#ffffff08;border-radius:8px;padding:12px 10px;text-align:center;transition:all .2s;border:1px solid rgba(255,255,255,.04)}.sp-contact-card:hover{background:#ffffff0f;border-color:rgba(var(--accent-rgb, 29,185,84),.15)}.sp-contact-card-icon{width:32px;height:32px;border-radius:8px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.sp-contact-card-icon i{font-size:.95rem;color:#fff}.sp-contact-card h5{font-size:.88rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 4px}.sp-contact-card a,.sp-contact-card span{font-size:.84rem;color:var(--text-secondary, #aaa);text-decoration:none;word-break:break-word}.sp-contact-card a:hover{color:var(--accent-color, #1DB954)}@media(max-width:768px){.sp-header-inner{gap:10px}.sp-header-text h1{font-size:1.35rem}.sp-header-meta{display:none}.sp-body{padding:16px 16px 32px}.sp-section-body{padding-left:0;margin-top:6px}.sp-section-head{flex-wrap:wrap}.sp-info-grid,.sp-duo{grid-template-columns:1fr}.sp-features{grid-template-columns:1fr 1fr}.sp-why-list{grid-template-columns:1fr}.sp-contact-grid{grid-template-columns:1fr 1fr}.sp-intro{flex-direction:column;gap:8px}.sp-callout,.sp-step{flex-direction:column;gap:6px}}@media(max-width:480px){.sp-header-text h1{font-size:1.15rem}.sp-header-icon{width:32px;height:32px}.sp-header-icon i{font-size:.95rem}.sp-features,.sp-contact-grid{grid-template-columns:1fr}.sp-section-title{font-size:1rem}}.offline-badge{display:inline-flex;align-items:center;margin-left:6px;color:#1db954;font-size:.7rem;vertical-align:middle}.download-progress-badge{display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle}.download-progress-ring{width:18px;height:18px}.spin-icon{animation:spin-anim 1s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;padding:10px 20px;border-radius:8px;margin:12px 0;font-size:.9rem;font-weight:500}.offline-banner i{font-size:1.2rem}.downloads-active-section,.downloads-offline-section{margin:20px 0}.downloads-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.downloads-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff);display:flex;align-items:center;gap:8px;margin:0}.downloads-section-title i{color:#1db954}.downloads-section-actions{display:flex;align-items:center;gap:8px}.download-progress-item{background:#ffffff0a;border-radius:8px;padding:10px 14px;margin-bottom:8px}.download-progress-info{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.85rem;color:var(--text-secondary, #aaa)}.download-progress-percent{color:#1db954;font-weight:600}.download-progress-bar-bg{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.download-progress-bar-fill{height:100%;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:2px;transition:width .3s ease}.offline-song-row-wrapper{position:relative;display:flex;align-items:center}.offline-song-row-wrapper .song-row{flex:1;min-width:0}.offline-remove-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary, #888);padding:6px;font-size:1rem;opacity:0;transition:opacity .2s,color .2s;z-index:2}.offline-song-row-wrapper:hover .offline-remove-btn{opacity:1}.offline-remove-btn:hover{color:#ef4444}.downloads-storage-info{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;background:#ffffff08;border-radius:8px;font-size:.82rem;color:var(--text-secondary, #888)}.downloads-storage-info i{color:#1db954;font-size:.95rem}.confirm-clear{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary, #fff)}.btn-sm{padding:5px 14px;font-size:.82rem;border-radius:20px}.btn-outline-danger{background:transparent;border:1px solid rgba(239,68,68,.4);color:#ef4444;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background:#ef44441a;border-color:#ef4444}.btn-danger{background:#ef4444;color:#fff;border:none;cursor:pointer}.btn-danger:hover{background:#dc2626}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-primary, #fff);cursor:pointer}.btn-outline:hover{background:#ffffff0f}@media(max-width:768px){.downloads-section-header{flex-direction:column;align-items:flex-start}.offline-remove-btn{opacity:1}.offline-banner{font-size:.82rem;padding:8px 14px}}.contact-page{padding-bottom:2rem}.contact-page .sp-body{max-width:820px}.sp-contact-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:24px}.sp-form-group.full{grid-column:1 / -1}.sp-form-group label{display:block;font-size:.9rem;font-weight:600;color:#ffffffd9;margin-bottom:6px;letter-spacing:.2px}.sp-form-group label span{color:#ef4444}.sp-form-group input,.sp-form-group textarea{width:100%;padding:11px 14px;border-radius:10px;font-size:.95rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.sp-form-group input:focus,.sp-form-group textarea:focus{border-color:var(--accent-color, #1DB954);box-shadow:0 0 0 3px #1db9541f}.sp-form-group input::placeholder,.sp-form-group textarea::placeholder{color:#ffffff40}.sp-form-group textarea{resize:vertical;min-height:120px}.sp-form-error{display:block;font-size:.82rem;color:#ef4444;margin-top:4px}.sp-form-submit{grid-column:1 / -1}.sp-form-submit button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-color, #1DB954);color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.sp-form-submit button:hover{filter:brightness(1.15);transform:translateY(-1px)}.sp-form-submit button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sp-form-success{grid-column:1 / -1;display:flex;align-items:center;gap:8px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#4ade80;padding:12px 16px;border-radius:10px;font-size:.92rem;font-weight:500}.sp-contact-sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:24px;position:sticky;top:100px}.sp-contact-sidebar h3{font-size:1.08rem;font-weight:700;color:#fff;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.sp-sidebar-item{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.sp-sidebar-item:last-child{border-bottom:none;padding-bottom:0}.sp-sidebar-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sp-sidebar-icon i{font-size:.95rem;color:#fff}.sp-sidebar-item h5{font-size:.8rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin:0 0 3px}.sp-sidebar-item a,.sp-sidebar-item span{font-size:.92rem;color:#ffffffd9;text-decoration:none;word-break:break-all;line-height:1.4}.sp-sidebar-item a:hover{color:var(--accent-color, #1DB954)}@media(max-width:768px){.sp-contact-layout{grid-template-columns:1fr}.sp-contact-sidebar{position:static}.sp-form-grid{grid-template-columns:1fr}.sp-form-group.full,.sp-form-submit,.sp-form-success{grid-column:1}}.rich-text-editor-content:empty:before{content:attr(data-placeholder);color:var(--text-secondary);opacity:.5;pointer-events:none}.rich-text-editor-content h3{font-size:1.1rem;font-weight:700;margin:8px 0 4px}.rich-text-editor-content blockquote{border-left:3px solid var(--accent-color);padding:4px 12px;margin:8px 0;font-style:italic;opacity:.9}.rich-text-editor-content ul,.rich-text-editor-content ol{padding-left:20px;margin:6px 0}.rich-text-editor-content li{margin-bottom:2px}.rich-text-rendered h3{font-size:1.05rem;font-weight:700;margin:8px 0 4px}.rich-text-rendered blockquote{border-left:3px solid var(--accent-color);padding:4px 12px;margin:8px 0;font-style:italic;opacity:.9}.rich-text-rendered ul,.rich-text-rendered ol{padding-left:20px;margin:6px 0}.rich-text-rendered li{margin-bottom:2px}.rich-text-rendered p{margin-bottom:6px}.rich-text-rendered b,.rich-text-rendered strong{font-weight:700}.rich-text-rendered i,.rich-text-rendered em{font-style:italic}@media(max-width:900px){.blog-sidebar-ads{display:none!important}}.bible-page{display:flex;flex-direction:column;height:calc(100dvh - var(--topnav-height,60px) - var(--player-h,0px));overflow:hidden;width:100%}.bible-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;padding:0}.bible-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;flex-wrap:wrap}.bible-header-title{display:flex;align-items:center;gap:12px}.bible-header-title>.bi{font-size:2rem;color:var(--gold)}.bible-header-title h1{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.bible-header-title p{font-size:.8rem;color:var(--text-secondary);margin:0}.bible-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bible-translation-select{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.bible-translation-select select{background:transparent;color:var(--text-primary);border:none;outline:none;font-size:.9rem;cursor:pointer}.bible-font-ctrl{display:flex;align-items:center;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.bible-font-ctrl button{background:var(--bg-hover);border:none;color:var(--text-primary);width:28px;height:28px;border-radius:6px;cursor:pointer;font-weight:700}.bible-font-ctrl span{font-size:.75rem;color:var(--text-secondary);min-width:38px;text-align:center}.bible-panel-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;width:36px;height:36px;cursor:pointer;transition:.2s}.bible-panel-toggle:hover,.bible-panel-toggle.active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.bible-body{display:flex;flex:1;overflow:hidden}.bible-book-panel{width:220px;min-width:180px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.bible-book-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.bible-book-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.85rem}.bible-testament-tabs{display:flex;border-bottom:1px solid var(--border)}.bible-testament-tabs button{flex:1;padding:7px 0;font-size:.78rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent}.bible-testament-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.bible-book-list{flex:1;overflow-y:auto;padding:6px 4px}.bible-book-group-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:10px 8px 4px}.bible-book-btn{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:none;color:var(--text-secondary);padding:6px 8px;border-radius:6px;cursor:pointer;text-align:left;transition:.15s}.bible-book-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.bible-book-btn.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.bible-book-num{font-size:.7rem;color:var(--text-muted);min-width:20px}.bible-book-name{flex:1;font-size:.82rem}.bible-book-chapters{font-size:.68rem;color:var(--text-muted)}.bible-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.bible-chapter-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;background:var(--bg-elevated);position:sticky;top:0;z-index:40}.bible-nav-btn{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:.2s}.bible-nav-btn:hover:not(:disabled){background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.bible-nav-btn:disabled{opacity:.35;cursor:not-allowed}.bible-chapter-title{text-align:center}.bible-chapter-title h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.bible-chapter-select-row{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary);justify-content:center}.bible-chapter-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:2px 6px;border-radius:6px;cursor:pointer}.bible-chapter-pills{display:flex;flex-wrap:wrap;gap:4px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.bible-chapter-pill{min-width:32px;height:28px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.75rem;transition:.15s}.bible-chapter-pill:hover{background:var(--bg-hover);color:var(--text-primary)}.bible-chapter-pill.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.bible-verses{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bible-verse{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;transition:.15s;line-height:1.8;flex-wrap:wrap}.bible-verse:hover{background:var(--bg-hover)}.bible-verse-num{font-size:.75rem;font-weight:700;color:var(--accent);min-width:24px;margin-top:4px;flex-shrink:0}.bible-verse-text{flex:1;color:var(--text-primary);word-break:break-word;line-height:1.85;min-width:0;hyphens:auto;overflow-wrap:anywhere}.bible-verse-actions{display:flex;gap:4px;opacity:0;transition:.15s;flex-shrink:0}.bible-verse-action{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:.15s}.bible-verse-action:hover{color:var(--accent);border-color:var(--accent)}.bible-verse-action.copied{color:var(--accent)}.bible-loading,.bible-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-secondary);text-align:center}.bible-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.bible-error button{background:var(--accent);color:#000;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:600}.bible-chapter-nav-bottom{border-top:1px solid var(--border);border-bottom:none;flex-shrink:0}.bible-nav-ref{font-size:.8rem;color:var(--text-muted)}.bible-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;position:sticky;top:0;z-index:50}.bible-topbar-left{display:flex;flex-direction:column}.bible-title-badge{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary)}.bible-title-badge .bi{color:var(--gold);font-size:1.2rem}.bible-subtitle{font-size:.78rem;color:var(--text-secondary);margin:2px 0 0}.bible-topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bible-hl-picker{display:flex;align-items:center;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.bible-hl-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.15s}.bible-hl-dot.active{border-color:var(--text-primary);transform:scale(1.2)}.bible-panel-toggle{position:relative}.bible-panel-badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#000;font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bible-verse{flex-wrap:wrap}.bible-verse-actions-desktop{display:flex;gap:3px;opacity:0;transition:.15s;flex-shrink:0;align-self:flex-start;margin-top:2px}.bible-verse:hover .bible-verse-actions-desktop{opacity:1}.bible-verse-actions{display:flex;gap:3px;opacity:0;transition:.15s;flex-shrink:0;align-self:flex-start;margin-top:2px}.bible-verse:hover .bible-verse-actions{opacity:1}.bva{background:transparent;border:1px solid transparent;color:var(--text-muted);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:.78rem;transition:.15s;display:flex;align-items:center;justify-content:center}.bva:hover{background:var(--bg-card);color:var(--accent);border-color:var(--border)}.bva.active{color:var(--accent)}.bible-verse-actions-mobile{display:none}.bible-verse-note{width:100%;background:var(--bg-card);border-left:3px solid var(--accent);border-radius:6px;padding:6px 10px;margin-top:4px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.bvn-text{font-size:.82rem;color:var(--text-secondary);flex:1}.bvn-actions{display:flex;gap:4px}.bvn-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.78rem;padding:2px}.bvn-actions button:hover{color:var(--accent)}.bible-chapter-actions{display:flex;align-items:center;gap:8px}.bible-bm-chapter-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:34px;height:34px;border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.bible-bm-chapter-btn:hover,.bible-bm-chapter-btn.active{background:var(--accent-subtle);color:var(--gold);border-color:var(--gold)}.bible-right-panel{width:300px;min-width:260px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.brp-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary);flex-shrink:0}.brp-head .bi{color:var(--accent)}.brp-close{margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px}.brp-close:hover{color:var(--accent)}.brp-empty{color:var(--text-muted);font-size:.85rem;padding:20px 16px;text-align:center}.bible-presenter-root{position:fixed;inset:0;background:#000;color:#fff;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.bible-presenter-stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:40px}.bible-presenter-slide{max-width:1400px;width:100%;text-align:center}.bible-presenter-verse{margin-bottom:18px}.bp-verse-text{font-size:48px;line-height:1.1;font-weight:600}.bp-verse-ref{margin-top:8px;color:#fff9;font-size:18px}.bible-presenter-strip{background:#000000b3;backdrop-filter:blur(8px);padding:10px 14px;display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:56px}.bp-strip-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:0;font-size:20px;border-radius:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.bp-strip-btn:hover{background:#fff3}.bp-strip-center{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.bp-slide-counter{font-size:14px;margin-bottom:6px;color:#fff;white-space:nowrap}.bp-strip-thumbs{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:2px 6px;max-width:100%;scrollbar-width:none}.bp-strip-thumbs::-webkit-scrollbar{display:none}.bp-thumb{min-width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.bp-thumb.active{background:#fbbf24;color:#111827;border-color:transparent;font-weight:700}.bp-exit{min-width:44px;min-height:44px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-exit:hover{background:#ef44444d}.bible-presenter-gear{position:fixed;right:18px;bottom:calc(var(--player-h, 96px) + 14px);z-index:1300}@media(max-width:991px){.bible-presenter-gear{left:16px;right:auto;bottom:calc(var(--player-h, 96px) + var(--mobile-nav-h, 60px) + 14px)}}@media(min-width:769px){.bible-presenter-gear{right:18px;left:auto;bottom:18px}}@media(max-width:700px){.bp-verse-text{font-size:28px!important}.bp-thumb{min-width:32px;height:32px;font-size:12px}.bible-presenter-stage{padding:20px 16px}.bible-presenter-strip{padding:8px 10px;gap:6px;min-height:52px}.bp-strip-btn{min-width:40px;min-height:40px;font-size:17px}.bp-exit{min-width:40px;min-height:40px;font-size:16px}.bp-slide-counter{font-size:12px}}.brp-notes{display:flex;flex-direction:column;height:100%;overflow:hidden}.brp-note-editor{padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.brp-note-verse-label{font-size:.78rem;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}.brp-note-verse-label button{font-size:.72rem;color:var(--accent);background:transparent;border:none;cursor:pointer;padding:0}.brp-note-editor textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:10px;font-size:.85rem;resize:none;outline:none;font-family:inherit}.brp-note-editor textarea:focus{border-color:var(--accent)}.brp-note-colors{display:flex;gap:6px;margin:8px 0}.brp-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer}.brp-color-dot.active{border-color:var(--text-primary);transform:scale(1.15)}.brp-note-btns{display:flex;gap:8px}.brp-save-btn{background:var(--accent);color:#000;border:none;padding:7px 16px;border-radius:8px;font-weight:600;font-size:.83rem;cursor:pointer}.brp-save-btn:disabled{opacity:.4;cursor:not-allowed}.brp-cancel-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:8px;font-size:.83rem;cursor:pointer}.brp-notes-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.brp-section-label{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:6px 0 2px}.brp-note-item{background:var(--bg-card);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px}.brp-note-item.brp-note-other{opacity:.75}.brp-note-ref{font-size:.72rem;font-weight:700;color:var(--accent);display:block;margin-bottom:4px}.brp-note-item p{font-size:.82rem;color:var(--text-secondary);margin:0 0 6px}.brp-note-item-actions{display:flex;gap:6px}.brp-note-item-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.78rem}.brp-note-item-actions button:hover{color:var(--accent)}.brp-note-item button{background:var(--accent);color:#000;border:none;padding:2px 8px;border-radius:4px;font-size:.72rem;cursor:pointer;margin-top:4px}.brp-bookmarks{display:flex;flex-direction:column;height:100%;overflow:hidden}.brp-bm-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.brp-bm-item{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left;transition:.15s;width:100%}.brp-bm-item:hover{border-color:var(--accent);background:var(--accent-subtle)}.brp-bm-item>div{flex:1}.brp-bm-ref{font-size:.88rem;font-weight:600;color:var(--text-primary)}.brp-bm-trans{font-size:.72rem;color:var(--text-muted);margin-top:2px}.brp-bm-item>.bi-chevron-right{color:var(--text-muted);font-size:.8rem}.brp-history{display:flex;flex-direction:column;height:100%;overflow:hidden}.brp-hist-list{flex:1;overflow-y:auto;padding:10px 12px}.brp-hist-day{margin-bottom:16px}.brp-hist-date{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}.brp-hist-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:var(--text-secondary);padding:8px 4px;cursor:pointer;font-size:.84rem;border-radius:6px;text-align:left;transition:.15s}.brp-hist-item:hover{background:var(--bg-hover);color:var(--text-primary)}.brp-hist-item .bi-book{color:var(--accent)}.brp-hist-item span:first-of-type{flex:1}.brp-hist-trans{font-size:.7rem;background:var(--bg-card);border:1px solid var(--border);padding:1px 6px;border-radius:4px}.bible-share-modal{position:fixed;inset:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.bible-share-inner{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;width:100%;max-width:500px;overflow:hidden}.bible-share-inner-enhanced{max-width:900px}.bible-share-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:600}.bible-share-head button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.bible-share-preview{width:100%;display:block}.bible-share-ref{text-align:center;padding:10px;font-size:.85rem;color:var(--text-muted)}.bible-share-actions{display:flex;gap:12px;padding:14px 20px 20px}.bible-share-dl{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:10px 18px;border-radius:10px;text-decoration:none;font-size:.88rem;font-weight:600;transition:.2s;flex:1;justify-content:center;cursor:pointer}.bible-share-dl:hover{border-color:var(--accent);color:var(--accent)}.bible-share-wa{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s;flex:1;justify-content:center}.bible-share-wa:hover{background:#1da851}.bse-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;width:min(960px,95vw);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009}.bse-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.bse-header-left{display:flex;align-items:center;gap:12px}.bse-header-title{font-weight:700;font-size:.95rem}.bse-header-sub{font-size:.78rem;color:var(--text-secondary);margin-top:1px}.bse-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:6px;transition:.15s}.bse-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.bse-layout{display:flex;flex:1;overflow:hidden;min-height:0}.bse-controls{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.bse-pill-tabs{display:flex;gap:2px;padding:10px 12px 0;flex-shrink:0;border-bottom:1px solid var(--border)}.bse-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:7px 4px 9px;cursor:pointer;font-size:.7rem;transition:.15s}.bse-pill i{font-size:1rem}.bse-pill.active{color:var(--accent);border-bottom-color:var(--accent)}.bse-pill span{white-space:nowrap}.bse-tab-content{flex:1;overflow-y:auto;padding:14px 14px 8px}.bse-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 8px}.bse-swatch-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.bse-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:.15s;flex-shrink:0}.bse-swatch.sel{border-color:var(--accent);transform:scale(1.18);box-shadow:0 0 0 2px var(--bg-elevated)}.bse-custom-color{width:32px;height:32px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border:2px solid var(--border);flex-shrink:0}.bse-custom-color i{font-size:.7rem;color:#fff;text-shadow:0 0 3px #000;pointer-events:none}.bse-custom-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.bse-thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bse-thumb{border:2px solid var(--border);border-radius:8px;overflow:hidden;padding:0;cursor:pointer;background:var(--bg-card);transition:.15s;aspect-ratio:1;position:relative}.bse-thumb.sel{border-color:var(--accent)}.bse-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bse-thumb-check{position:absolute;top:4px;right:4px;color:var(--accent);font-size:.9rem;background:var(--bg-elevated);border-radius:50%;padding:1px}.bse-upload-label{display:inline-flex;align-items:center;gap:7px;background:var(--bg-card);border:1px dashed var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;transition:.15s}.bse-upload-label:hover{border-color:var(--accent);color:var(--accent)}.bse-no-frame{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:2px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;transition:.15s}.bse-no-frame.sel{border-color:var(--accent);color:var(--accent)}.bse-empty-note{font-size:.78rem;color:var(--text-muted);margin:6px 0 0;line-height:1.5}.bse-select{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:8px 10px;border-radius:8px;font-size:.85rem}.bse-slider{width:100%;accent-color:var(--accent)}.bse-value-badge{background:var(--accent);color:#000;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:20px;margin-left:6px;vertical-align:middle}.bse-align-row{display:flex;gap:8px}.bse-align-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 4px;border-radius:8px;cursor:pointer;font-size:.72rem;transition:.15s}.bse-align-btn i{font-size:1rem}.bse-align-btn.sel{background:var(--accent);border-color:var(--accent);color:#000}.bse-input{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:8px 10px;border-radius:8px;font-size:.85rem;box-sizing:border-box}.bse-input:focus{outline:none;border-color:var(--accent)}.bse-generate-btn{margin:10px 14px 12px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#000;border:none;padding:10px;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:.2s;flex-shrink:0}.bse-generate-btn:hover:not(:disabled){filter:brightness(1.1)}.bse-generate-btn:disabled{opacity:.6;cursor:not-allowed}.bse-preview-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-card);overflow:hidden;position:relative}.bse-canvas-img{flex:1;width:100%;object-fit:contain;display:block;padding:16px;box-sizing:border-box}.bse-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.bse-preview-empty i{font-size:3rem;opacity:.15}.bse-generating-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;z-index:2}.bse-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.bse-spinner-lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.bse-action-bar{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-elevated)}.bse-btn-download{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:10px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:600;transition:.2s}.bse-btn-download:hover{border-color:var(--accent);color:var(--accent)}.bse-btn-wa{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#25d366;color:#fff;border:none;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}.bse-btn-wa:hover{background:#1da851}@media(max-width:640px){.bse-layout{flex-direction:column}.bse-controls{width:100%;border-right:none;border-bottom:1px solid var(--border);max-height:260px}.bse-preview-pane{min-height:280px}}.bible-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 30px;min-height:300px}@media(max-width:768px){.bible-page{height:calc(100dvh - var(--topnav-h, 52px));overflow:hidden;display:flex;flex-direction:column;margin:0;max-width:100%;width:100%}.bible-body{flex:1;overflow:hidden;display:flex;flex-direction:row;min-height:0;position:relative}.bible-book-panel{border-right:none}.bible-right-panel{width:100%;border-left:none;border-top:1px solid var(--border)}.bible-main{overflow:hidden;min-width:0;flex:1;display:flex;flex-direction:column;min-height:0}.bible-verses{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:12px 14px;padding-bottom:calc(var(--player-h, 96px) + var(--mobile-nav-h, 60px) + 24px)}.bible-chapter-pills{display:none!important}.bible-mobile-nav{flex-shrink:0;position:sticky;top:0;z-index:30;background:var(--bg-elevated, #1a1a2e)}.bible-chapter-nav{flex-shrink:0;position:sticky;top:0;z-index:30;background:var(--bg-elevated, #1a1a2e);padding:8px 12px;gap:8px}.bible-topbar{flex-direction:column;align-items:flex-start;padding:10px 14px;gap:8px;flex-shrink:0}.bible-topbar-left{width:100%}.bible-topbar-right{flex-wrap:wrap;gap:6px;width:100%;overflow-x:hidden}.bible-translation-select{padding:5px 8px;gap:5px;flex-shrink:1;min-width:0}.bible-translation-select select{max-width:130px;font-size:.8rem}.bible-font-ctrl{padding:4px 6px;gap:3px}.bible-font-ctrl button{width:34px;height:34px;font-size:.82rem;min-width:34px}.bible-font-ctrl span{font-size:.75rem;min-width:34px}.bible-panel-toggle{width:38px;height:38px;flex-shrink:0}.bva{width:34px;height:34px;font-size:.85rem}.bible-nav-btn{padding:8px 14px;font-size:.82rem;min-height:40px}.bible-verse{padding:12px;gap:8px;cursor:pointer;border-radius:8px}.bible-verse-num{min-width:24px;font-size:.82rem;flex-shrink:0;margin-top:2px}.bible-verse-text{flex:1;font-size:inherit;line-height:1.95;word-break:break-word;min-width:0;hyphens:auto}.bible-verse-actions-desktop,.bible-verse-actions{display:none!important}.bible-verse-actions-mobile{display:flex;width:100%;gap:4px;margin-top:8px;padding:8px 0 2px;border-top:1px solid rgba(255,255,255,.06)}.bva-m{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.68rem;transition:background .15s,color .15s}.bva-m i{font-size:.95rem}.bva-m span{font-size:.62rem;line-height:1.2;text-align:center}.bva-m:active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.bva-m.active{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}}.bible-search-panel{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;max-height:480px;display:flex;flex-direction:column;overflow:hidden}.bsp-controls{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.bsp-input-wrap{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:2px solid var(--accent);border-radius:10px;padding:8px 14px}.bsp-input-wrap .bi-search{color:var(--accent);font-size:1rem}.bsp-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem}.bsp-clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0 2px}.bsp-clear:hover{color:var(--accent)}.bsp-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bsp-filter-sel{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:5px 10px;border-radius:8px;font-size:.82rem;cursor:pointer}.bsp-close-btn{margin-left:auto;display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:5px 12px;border-radius:8px;cursor:pointer;font-size:.82rem}.bsp-close-btn:hover{color:var(--accent);border-color:var(--accent)}.bsp-results{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.bsp-loading{display:flex;align-items:center;gap:10px;padding:20px;color:var(--text-secondary)}.bsp-no-results{padding:20px;color:var(--text-muted);text-align:center;font-size:.9rem}.bsp-result-meta{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 8px;flex-wrap:wrap;gap:8px}.bsp-result-meta>span{font-size:.82rem;color:var(--text-secondary)}.bsp-pagination{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.bsp-pagination button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer}.bsp-pagination button:disabled{opacity:.3;cursor:not-allowed}.bsp-result-item{display:flex;flex-direction:column;gap:4px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left;transition:.15s}.bsp-result-item:hover{border-color:var(--accent);background:var(--accent-subtle)}.bsp-result-ref{display:flex;align-items:center;gap:8px}.bsp-result-book{font-size:.82rem;font-weight:700;color:var(--accent)}.bsp-result-test{font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px}.bsp-result-test.ot{background:#fbbf2426;color:#fbbf24}.bsp-result-test.nt{background:#60a5fa26;color:#60a5fa}.bsp-result-text{font-size:.87rem;color:var(--text-secondary);margin:0;line-height:1.5}.bsp-result-text mark{background:#fbbf2459;color:var(--text-primary);border-radius:3px;padding:0 2px}.quiz-page{max-width:900px;margin:0 auto;padding:24px 16px}.quiz-hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#1a0a2e,#0a1a2e);border-radius:20px;margin-bottom:36px}.quiz-hero-icon{font-size:3.5rem;color:var(--gold);margin-bottom:12px}.quiz-hero h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 8px}.quiz-hero p{color:var(--text-secondary);font-size:1rem;margin:0 0 16px}.quiz-hero-verse{font-style:italic;color:var(--gold);font-size:.9rem;opacity:.85}.quiz-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.quiz-lang-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.quiz-lang-label{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;display:flex;align-items:center;gap:6px}.quiz-lang-tabs{display:flex;gap:8px;flex-wrap:wrap}.quiz-lang-tab{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:30px;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:.2s}.quiz-lang-tab:hover{border-color:var(--accent);color:var(--accent)}.quiz-lang-tab.active{background:var(--accent);border-color:var(--accent);color:#000}.quiz-category-empty{opacity:.6;pointer-events:none}.quiz-category-empty .quiz-cat-icon{color:var(--text-muted)}.quiz-coming-soon{font-size:.78rem;font-weight:600;color:var(--text-muted)}.quiz-category-card{display:flex;gap:16px;align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;color:var(--text-primary);transition:.25s}.quiz-category-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #1db95426}.quiz-cat-icon{font-size:2rem;color:var(--accent);flex-shrink:0}.quiz-cat-body h3{font-size:1rem;font-weight:700;margin:0 0 4px}.quiz-cat-body p{font-size:.82rem;color:var(--text-secondary);margin:0 0 10px}.quiz-cat-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.quiz-cat-count{font-size:.78rem;color:var(--text-muted)}.quiz-start-btn{font-size:.78rem;font-weight:600;color:var(--accent)}.quiz-howto{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:28px}.quiz-howto h2{font-size:1.1rem;font-weight:700;margin:0 0 20px}.quiz-howto-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.quiz-step{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.quiz-step-num{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.quiz-step p{font-size:.83rem;color:var(--text-secondary);margin:0}.quiz-play-page{max-width:680px;margin:0 auto;padding:24px 16px}.quiz-ready-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:36px 28px;text-align:center}.quiz-ready-icon{font-size:3rem;color:var(--accent);margin-bottom:12px}.quiz-ready-card h1{font-size:1.7rem;font-weight:800;margin:0 0 8px}.quiz-ready-desc{color:var(--text-secondary);margin-bottom:24px}.quiz-ready-stats{display:flex;gap:20px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.quiz-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.quiz-stat .bi{font-size:1.2rem;color:var(--accent)}.quiz-stat span{font-size:1.1rem;font-weight:700}.quiz-stat label{font-size:.75rem;color:var(--text-muted)}.quiz-ready-rules{background:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:24px;text-align:left;display:flex;flex-direction:column;gap:8px}.quiz-ready-rules p{font-size:.85rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:8px}.quiz-ready-rules .bi-check-circle{color:var(--accent)}.quiz-start-big-btn{background:var(--accent);color:#000;border:none;padding:14px 36px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;transition:.2s}.quiz-start-big-btn:hover{background:var(--accent-light);transform:scale(1.03)}.quiz-back-link{display:block;font-size:.85rem;color:var(--text-secondary);text-decoration:none}.quiz-back-link:hover{color:var(--accent)}.quiz-playing-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;overflow:hidden}.quiz-progress-bar{height:4px;background:var(--border)}.quiz-progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.quiz-meta-row{display:flex;justify-content:space-between;padding:12px 20px;font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.quiz-timer{color:var(--gold);font-weight:600}.quiz-score-live{color:var(--accent);font-weight:600}.quiz-difficulty{padding:16px 20px 0}.quiz-difficulty-badge{padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase}.quiz-diff-easy{background:#22c55e26;color:#22c55e}.quiz-diff-medium{background:#f59e0b26;color:#f59e0b}.quiz-diff-hard{background:#ef444426;color:#ef4444}.quiz-question-text{font-size:1.1rem;font-weight:600;padding:16px 20px 20px;line-height:1.5;color:var(--text-primary)}.quiz-options{display:flex;flex-direction:column;gap:10px;padding:0 20px 16px}.quiz-option{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left;transition:.2s;color:var(--text-primary)}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle)}.quiz-option-selected{border-color:var(--blue);background:#3b82f61a}.quiz-option-correct{border-color:#22c55e;background:#22c55e1f;color:#22c55e}.quiz-option-wrong{border-color:#ef4444;background:#ef44441a;color:#ef4444}.quiz-option-letter{width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;flex-shrink:0}.quiz-option-text{flex:1;font-size:.92rem}.quiz-option .bi-check-circle-fill{color:#22c55e;margin-left:auto}.quiz-option .bi-x-circle-fill{color:#ef4444;margin-left:auto}.quiz-explanation{margin:0 20px 16px;background:var(--bg-card);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:14px 16px;font-size:.85rem;color:var(--text-secondary)}.quiz-explanation p{margin:0 0 6px}.quiz-explanation .bi-lightbulb-fill{color:var(--gold)}.quiz-ref{color:var(--accent)!important;font-weight:600}.quiz-action-row{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border);gap:10px}.quiz-next-btn{background:var(--accent);color:#000;border:none;padding:10px 24px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}.quiz-next-btn:hover{background:var(--accent-light)}.quiz-skip-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:10px 20px;border-radius:50px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:6px}.quiz-result-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:36px 28px;text-align:center}.quiz-result-grade{font-size:1.5rem;font-weight:800;margin-bottom:16px}.quiz-score-ring{position:relative;width:140px;height:140px;margin:0 auto 20px}.quiz-ring-svg{width:100%;height:100%}.quiz-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-ring-pct{font-size:1.6rem;font-weight:800;color:var(--text-primary)}.quiz-ring-label{font-size:.8rem;color:var(--text-secondary)}.quiz-result-msg{color:var(--text-secondary);margin:0 0 8px}.quiz-result-time{font-size:.85rem;color:var(--text-muted);margin-bottom:24px}.quiz-answer-review{text-align:left;margin:20px 0;display:flex;flex-direction:column;gap:12px}.quiz-answer-review h3{font-size:1rem;font-weight:700;margin:0 0 8px}.quiz-review-item{background:var(--bg-card);border-radius:10px;padding:14px}.quiz-review-item.correct{border-left:3px solid #22c55e}.quiz-review-item.wrong{border-left:3px solid #ef4444}.quiz-review-q{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;font-weight:600;margin-bottom:6px}.quiz-review-num{background:var(--bg-elevated);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0}.quiz-review-q .bi-check-circle-fill{color:#22c55e;margin-left:auto;flex-shrink:0}.quiz-review-q .bi-x-circle-fill{color:#ef4444;margin-left:auto;flex-shrink:0}.quiz-review-detail{font-size:.8rem;margin-bottom:6px}.quiz-review-wrong{color:#ef4444}.quiz-review-correct{color:#22c55e;font-weight:600}.quiz-review-explanation{font-size:.78rem;color:var(--text-secondary);margin-top:6px}.quiz-review-ref{font-size:.75rem;color:var(--accent);margin-top:4px;font-weight:600}.quiz-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:4px}.quiz-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:50px;font-weight:600;font-size:.88rem;cursor:pointer;border:none;text-decoration:none;transition:.2s}.quiz-action-primary{background:var(--accent);color:#000}.quiz-action-share{background:#25d366;color:#000}.quiz-action-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.quiz-action-btn:hover{opacity:.9;transform:scale(1.03)}.songbook-page{max-width:1100px;margin:0 auto;padding:24px 16px}.songbook-hero{text-align:center;padding:36px 20px;background:linear-gradient(135deg,#0a1f0a,#0a1a2e);border-radius:20px;margin-bottom:28px}.songbook-hero-icon{font-size:3rem;color:var(--accent);margin-bottom:10px}.songbook-hero h1{font-size:1.9rem;font-weight:800;margin:0 0 8px}.songbook-hero p{color:var(--text-secondary);margin:0}.songbook-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.songbook-search-form{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:10px 16px}.songbook-search-form .bi-search{color:var(--text-muted);font-size:1rem}.songbook-search-form input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem}.songbook-clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.songbook-search-btn{background:var(--accent);color:#000;border:none;padding:7px 18px;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}.songbook-lang-pills{display:flex;flex-wrap:wrap;gap:8px}.sb-lang-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:5px 14px;border-radius:20px;cursor:pointer;font-size:.82rem;transition:.2s}.sb-lang-pill.active,.sb-lang-pill:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.songbook-results-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.83rem;color:var(--text-muted);margin-bottom:16px}.sb-filter-tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:3px 10px;display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.sb-filter-tag button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0}.songbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-bottom:28px}.songbook-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text-primary);transition:.25s}.songbook-card:hover{border-color:var(--accent);transform:translateY(-2px)}.songbook-card:hover .songbook-card-overlay{opacity:1}.songbook-card-cover{position:relative;aspect-ratio:1;overflow:hidden}.songbook-card-cover img{width:100%;height:100%;object-fit:cover}.songbook-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);opacity:0;transition:.25s}.songbook-card-info{padding:12px}.songbook-card-title{font-size:.9rem;font-weight:700;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.songbook-card-artist{font-size:.78rem;color:var(--text-secondary);margin:0 0 2px}.songbook-card-album{font-size:.73rem;color:var(--text-muted);margin:0 0 6px}.songbook-card-lang{display:inline-block;background:var(--accent-subtle);color:var(--accent);font-size:.68rem;padding:2px 8px;border-radius:10px;margin-bottom:6px}.songbook-view-lyrics{display:block;font-size:.78rem;color:var(--accent);font-weight:600}.songbook-empty{text-align:center;padding:60px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}.songbook-empty .bi{font-size:3rem}.songbook-empty button{background:var(--accent);color:#000;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600}.songbook-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px}.sb-page-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.82rem}.sb-page-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.sb-page-btn.disabled{opacity:.4;cursor:not-allowed}.songbook-show-page{max-width:1050px;margin:0 auto;padding:20px 16px}.songbook-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--text-muted);margin-bottom:20px;flex-wrap:wrap}.songbook-breadcrumb a{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:4px}.songbook-show-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.songbook-show-sidebar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:20px;position:sticky;top:20px}.songbook-show-cover{border-radius:12px;overflow:hidden;margin-bottom:16px;aspect-ratio:1}.songbook-show-cover img{width:100%;height:100%;object-fit:cover}.songbook-show-title{font-size:1.1rem;font-weight:800;margin:0 0 8px}.songbook-show-artist,.songbook-show-album{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary);text-decoration:none;margin-bottom:4px}.songbook-show-artist:hover,.songbook-show-album:hover{color:var(--accent)}.songbook-show-lang{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin:8px 0 14px}.songbook-play-btn{width:100%;background:var(--accent);color:#000;border:none;padding:10px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:14px;transition:.2s}.songbook-play-btn:hover{background:var(--accent-light)}.songbook-show-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.sb-action{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:9px 14px;border-radius:10px;cursor:pointer;font-size:.85rem;transition:.2s}.sb-action:hover{border-color:var(--accent);color:var(--accent)}.sb-action.copied{color:var(--accent);border-color:var(--accent)}.sb-action-wa{border-color:#25d366}.sb-action-wa:hover{color:#25d366;background:#25d36614}.sb-action-print:hover{color:var(--blue);border-color:var(--blue)}.sb-font-ctrl{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.sb-font-ctrl button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer}.sb-font-ctrl span:last-of-type{min-width:30px;text-align:center;color:var(--text-primary)}.songbook-show-main{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:28px}.songbook-lyrics{line-height:1.9;color:var(--text-primary)}.songbook-stanza{margin-bottom:28px}.songbook-lyric-line{margin:0}.songbook-no-lyrics{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--text-muted);text-align:center}.songbook-print-footer{display:none}@media print{.sidebar,.topnav,.bottom-player,.mobile-nav,.songbook-show-sidebar,.songbook-breadcrumb,.sb-action,.sb-font-ctrl,.songbook-play-btn{display:none!important}.songbook-show-layout{grid-template-columns:1fr}.songbook-print-footer{display:block;margin-top:30px;font-size:.8rem;color:#666;text-align:center}}@media(max-width:768px){.songbook-show-layout{grid-template-columns:1fr}.songbook-show-sidebar{position:static}.songbook-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.sb2-page{max-width:1100px;margin:0 auto;padding:20px 16px 80px}.sb2-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-card) 100%);border:1px solid var(--border);border-radius:20px;padding:36px 40px;margin-bottom:28px;flex-wrap:wrap}.sb2-hero-left{flex:1;min-width:200px}.sb2-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#000;padding:4px 14px;border-radius:50px;font-size:.78rem;font-weight:700;margin-bottom:14px}.sb2-hero-left h1{font-size:2rem;font-weight:900;line-height:1.2;margin:0 0 10px}.sb2-hero-left h1 span{color:var(--accent)}.sb2-hero-left p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.sb2-hero-stats{display:flex;gap:20px;flex-wrap:wrap}.sb2-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 24px;text-align:center;min-width:90px}.sb2-stat span{display:block;font-size:1.8rem;font-weight:900;color:var(--accent);line-height:1}.sb2-stat label{font-size:.72rem;color:var(--text-muted);margin-top:4px;display:block}.sb2-searchbar{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:8px 14px;margin-bottom:12px}.sb2-search-icon{color:var(--text-muted);font-size:1rem}.sb2-searchbar input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;outline:none}.sb2-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center}.sb2-search-btn{background:var(--accent);color:#000;border:none;padding:7px 18px;border-radius:8px;font-weight:700;cursor:pointer;font-size:.85rem;white-space:nowrap}.sb2-filter-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:7px 12px;border-radius:8px;cursor:pointer;position:relative;font-size:.85rem;display:flex;align-items:center;gap:5px}.sb2-filter-toggle.open{border-color:var(--accent);color:var(--accent)}.sb2-filter-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;position:absolute;top:6px;right:6px}.sb2-filter-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:12px}.sb2-filter-group{margin-bottom:14px}.sb2-filter-group:last-of-type{margin-bottom:0}.sb2-filter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:5px}.sb2-pills-scroll{display:flex;flex-wrap:wrap;gap:6px}.sb2-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:5px 14px;border-radius:50px;font-size:.82rem;cursor:pointer;transition:.15s}.sb2-pill:hover{border-color:var(--accent);color:var(--accent)}.sb2-pill.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.sb2-clear-all-btn{background:none;border:1px solid var(--text-muted);color:var(--text-muted);padding:5px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;margin-top:10px;display:flex;align-items:center;gap:5px}.sb2-clear-all-btn:hover{border-color:var(--error,#e74c3c);color:var(--error,#e74c3c)}.sb2-az-bar{display:flex;flex-wrap:wrap;gap:4px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:14px}.sb2-az-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-secondary);font-weight:700;font-size:.85rem;cursor:pointer;transition:.15s}.sb2-az-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sb2-az-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.sb2-az-btn.empty{opacity:.3;cursor:default}.sb2-active-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sb2-chip-count{font-size:.83rem;color:var(--text-muted);margin-right:4px}.sb2-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-card);border:1px solid var(--accent);color:var(--accent);padding:3px 10px;border-radius:50px;font-size:.8rem}.sb2-chip button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem;line-height:1;padding:0;display:flex;align-items:center}.sb2-letter-head{display:flex;align-items:center;gap:10px;margin:28px 0 10px}.sb2-letter-label{font-size:1.5rem;font-weight:900;color:var(--accent);min-width:32px}.sb2-letter-line{flex:1;height:1px;background:var(--border)}.sb2-letter-count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.sb2-song-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid transparent;text-decoration:none;color:inherit;transition:.15s;margin-bottom:4px;background:var(--bg-elevated)}.sb2-song-row:hover{border-color:var(--accent);background:var(--bg-card);transform:translate(3px)}.sb2-row-cover{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.sb2-row-info{flex:1;min-width:0}.sb2-row-title{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb2-row-artist{font-size:.78rem;color:var(--text-secondary);margin-top:2px;display:flex;align-items:center;gap:4px}.sb2-row-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-style:italic}.sb2-row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.sb2-row-lang{background:var(--bg-card);border:1px solid var(--border);padding:2px 8px;border-radius:50px;font-size:.72rem;color:var(--text-muted)}.sb2-row-lyrics-btn{background:var(--accent);color:#000;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}.sb2-row-chevron{color:var(--text-muted)}.sb2-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;color:var(--text-muted);text-align:center}.sb2-empty i{font-size:3rem}.sb2-empty h3{font-size:1.2rem;color:var(--text-secondary)}.sb2-empty-btn{background:var(--accent);color:#000;border:none;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer}.sb2-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:30px}.sb2-page-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:.15s}.sb2-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sb2-page-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.sb2-page-btn.disabled{opacity:.4;cursor:default}.sbshow-page{max-width:900px;margin:0 auto;padding:20px 16px 100px}.sbshow-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--text-muted);margin-bottom:20px}.sbshow-breadcrumb a{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:5px}.sbshow-header{display:flex;gap:24px;align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:28px;flex-wrap:wrap}.sbshow-cover{width:130px;height:130px;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px #0000004d}.sbshow-title-block{flex:1;min-width:220px}.sbshow-title{font-size:1.6rem;font-weight:900;margin:0 0 10px;line-height:1.2}.sbshow-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.sbshow-meta-artist,.sbshow-meta-album{display:flex;align-items:center;gap:5px;font-size:.83rem;color:var(--text-secondary);text-decoration:none}.sbshow-lang-badge{background:var(--accent);color:#000;padding:2px 10px;border-radius:50px;font-size:.72rem;font-weight:700}.sbshow-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sbshow-play-btn{background:var(--accent);color:#000;border:none;padding:9px 20px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:.2s}.sbshow-play-btn:hover{background:var(--accent-light,#ffe066)}.sbshow-action-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.83rem;transition:.15s}.sbshow-action-btn.done{border-color:#27ae60;color:#27ae60}.sbshow-present-btn{background:linear-gradient(135deg,#6c3483,#1a5276);color:#fff;border:none;padding:9px 20px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:.2s}.sbshow-present-btn:hover{background:linear-gradient(135deg,#7d3c98,#1f618d);transform:scale(1.04)}.sbshow-font-ctrl{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-muted)}.sbshow-font-ctrl input[type=range]{accent-color:var(--accent);width:100px}.sbshow-lyrics-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:32px}.sbshow-lyrics{line-height:2;color:var(--text-primary)}.sbshow-stanza{margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed var(--border)}.sbshow-stanza:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sbshow-stanza p{margin:0}.sbshow-no-lyrics{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--text-muted);text-align:center}.sbshow-no-lyrics i{font-size:2.5rem}.sbshow-print-footer{display:none}@media print{.topnav,.sidebar,.bottom-player,.mobile-nav,.sbshow-action-bar,.sbshow-font-ctrl,.sbshow-play-btn,.sbshow-present-btn,.sbshow-breadcrumb{display:none!important}.sbshow-page{max-width:100%;padding:0}.sbshow-print-footer{display:block;margin-top:24px;font-size:.8rem;color:#666;text-align:center}}.sbpresent-overlay{position:fixed;inset:0;z-index:9999;background:#0a0a0a;display:flex;flex-direction:column;animation:sbPresIn .25s ease}@keyframes sbPresIn{0%{opacity:0}to{opacity:1}}.sbpresent-topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sbpresent-song-title{flex:1;font-size:.9rem;font-weight:600;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbpresent-song-title span{color:#ffffff73}.sbpresent-counter{font-size:.85rem;color:#ffffff80;white-space:nowrap;padding:4px 12px;background:#ffffff14;border-radius:50px}.sbpresent-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:.15s}.sbpresent-close:hover{background:#fff3}.sbpresent-slide{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 60px;overflow:hidden;cursor:pointer}.sbpresent-lyrics{text-align:center;max-width:820px;width:100%}.sbpresent-lyrics p{font-size:clamp(1.4rem,3.5vw,2.8rem);font-weight:600;color:#fff;line-height:1.7;margin:0;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.sbpresent-nav{display:flex;align-items:center;gap:20px;padding:16px 24px;justify-content:center;background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sbpresent-nav-btn{background:#ffffff1a;border:none;color:#fff;padding:10px 24px;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:.15s}.sbpresent-nav-btn:hover:not(:disabled){background:#fff3}.sbpresent-nav-btn:disabled{opacity:.3;cursor:default}.sbpresent-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:400px}.sbpresent-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;border:none;cursor:pointer;padding:0;transition:.15s}.sbpresent-dot.active{background:#fff;transform:scale(1.4)}.sbpresent-hint{text-align:center;font-size:.72rem;color:#ffffff40;padding:8px;flex-shrink:0}@media(max-width:640px){.sb2-hero{padding:22px 18px}.sb2-hero-left h1{font-size:1.4rem}.sb2-stat{padding:12px 16px}.sb2-stat span{font-size:1.4rem}.sb2-az-btn{width:28px;height:28px;font-size:.75rem}.sbshow-header{padding:18px}.sbshow-cover{width:90px;height:90px}.sbshow-title{font-size:1.2rem}.sbpresent-slide{padding:20px}.sbpresent-lyrics p{font-size:1.4rem}.sbpresent-nav-btn{padding:8px 16px;font-size:.82rem}.sbpresent-topbar{padding:8px 12px!important;flex-wrap:nowrap;gap:6px!important}.sbpresent-song-title{font-size:12px!important}.sbpresent-btn-label{display:none}}@media(max-width:768px){.bible-page{height:calc(100dvh - var(--topnav-height, 60px) - var(--player-h, 0px) - var(--mobile-nav-h, 60px));overflow:hidden}.bible-header-inner{padding:10px 12px;gap:8px}.bible-header-title h1{font-size:1rem}.bible-header-title p{display:none}.bible-controls{gap:6px;flex-wrap:wrap}.bible-translation-select{padding:5px 8px;font-size:.8rem}.bible-translation-select select{font-size:.8rem;max-width:130px}.bible-font-ctrl{padding:3px 6px}.bible-font-ctrl button{width:24px;height:24px;font-size:.8rem}.bible-font-ctrl span{min-width:30px;font-size:.7rem}.bible-body{position:relative}.bible-book-panel{position:absolute;left:0;top:0;bottom:0;z-index:50;width:240px;box-shadow:4px 0 20px #0006;transform:translate(0);transition:transform .25s ease}.bible-body:not(.book-panel-open) .bible-book-panel{transform:translate(-100%);pointer-events:none}.bible-main{width:100%}.bible-chapter-nav{padding:8px 12px;gap:8px}.bible-nav-btn{padding:6px 10px;font-size:.78rem}.bible-chapter-title h2{font-size:.95rem}.bible-nav-ref{font-size:.72rem}.bible-chapter-pills{display:none!important}.bible-chapter-pills::-webkit-scrollbar{display:none}.bible-chapter-pill{min-width:30px;height:26px;font-size:.7rem}.bible-verses{padding:12px 10px;gap:8px}.bible-verse{padding:12px 10px;font-size:1rem;line-height:1.9}.bible-verse-text{line-height:1.95}.bible-right-panel{position:absolute;right:0;top:0;bottom:0;width:100%;z-index:50;box-shadow:-4px 0 20px #0006}.bible-search-bar{padding:8px 12px}.bible-search-input{font-size:.85rem}}@media(max-width:480px){.bible-header-inner{flex-direction:column;align-items:flex-start}.bible-controls{width:100%;justify-content:space-between}.bible-translation-select select{max-width:110px}.bible-chapter-title h2{font-size:.88rem}.bible-verse{font-size:1rem;line-height:1.9}}@media(max-width:768px){.bible-body.book-panel-open:after{content:"";position:absolute;inset:0;background:#00000073;z-index:49;pointer-events:none}}@media(max-width:640px){.quiz-page{padding:16px 12px}.quiz-hero{padding:26px 16px;margin-bottom:24px}.quiz-hero h1{font-size:1.5rem}.quiz-categories-grid{grid-template-columns:1fr;gap:14px}.quiz-lang-bar{gap:8px}.quiz-lang-tab{padding:5px 12px;font-size:.78rem}.quiz-category-card{padding:14px}.quiz-howto-steps{grid-template-columns:1fr 1fr}.quiz-ready-card{padding:24px 16px}.quiz-ready-card h1{font-size:1.4rem}.quiz-play-page{padding:16px 12px}}.bible-body-overlay{display:none}@media(max-width:768px){.bible-body-overlay{display:block;position:absolute;inset:0;z-index:49;background:#00000073}}.quiz-cat-sets{margin-left:6px;background:var(--accent-subtle);color:var(--accent);padding:1px 8px;border-radius:30px;font-size:.7rem;font-weight:700}.sbshow-breadcrumb{display:flex;align-items:center;gap:8px;padding:14px 0 18px;flex-wrap:wrap}.sbshow-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:30px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text-primary);font-size:.84rem;font-weight:600;cursor:pointer;transition:.2s;text-decoration:none}.sbshow-back-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.sbshow-back-btn i{font-size:.9rem}.sbshow-breadcrumb-sep{color:var(--text-secondary);font-size:.75rem}.sbshow-breadcrumb-link{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:.84rem;font-weight:500;text-decoration:none}.sbshow-breadcrumb-link:hover{text-decoration:underline}.sbshow-breadcrumb-current{font-size:.84rem;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbshow-header{display:flex;gap:28px;align-items:flex-start;background:var(--surface2);border-radius:18px;padding:28px;margin-bottom:28px;border:1px solid var(--border)}.sbshow-cover-wrap{flex-shrink:0}.sbshow-cover{width:160px;height:160px;border-radius:14px;object-fit:cover;box-shadow:0 6px 24px #00000059}.sbshow-title-block{flex:1;min-width:0}.sbshow-title{font-size:1.7rem;font-weight:800;line-height:1.25;margin:0 0 10px;color:var(--text-primary)}.sbshow-meta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.sbshow-meta-artist,.sbshow-meta-album{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:color .2s}.sbshow-meta-artist:hover,.sbshow-meta-album:hover{color:var(--accent)}.sbshow-lang-badge{padding:2px 10px;border-radius:20px;background:var(--accent-subtle);color:var(--accent);font-size:.72rem;font-weight:700;text-transform:uppercase}.sbshow-action-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.sbshow-play-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:30px;background:var(--accent);color:#000;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:.2s}.sbshow-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #facc1566}.sbshow-action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:30px;background:var(--surface3);color:var(--text-primary);border:1.5px solid var(--border);font-size:.84rem;font-weight:600;cursor:pointer;transition:.2s}.sbshow-action-btn:hover{border-color:var(--accent);color:var(--accent)}.sbshow-action-btn.done{border-color:#22c55e;color:#22c55e}.sbshow-present-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:30px;background:transparent;border:1.5px solid var(--accent);color:var(--accent);font-size:.84rem;font-weight:600;cursor:pointer;transition:.2s}.sbshow-present-btn:hover{background:var(--accent);color:#000}.sbshow-font-ctrl{display:flex;align-items:center;gap:10px;background:var(--surface3);padding:8px 14px;border-radius:30px;width:fit-content;border:1px solid var(--border)}.sbshow-font-ctrl span{font-size:.85rem;color:var(--text-secondary)}.sbshow-font-ctrl input[type=range]{width:110px;accent-color:var(--accent)}.sbshow-font-size-label{font-size:.75rem;color:var(--text-secondary);min-width:34px}.sbshow-lyrics-wrap{background:var(--surface2);border-radius:18px;padding:32px 36px;border:1px solid var(--border);margin-bottom:24px}.sbshow-lyrics{line-height:2}.sbshow-stanza{margin-bottom:28px;padding-bottom:24px;border-bottom:1px dashed var(--border)}.sbshow-stanza:last-child{border-bottom:none;margin-bottom:0}.sbshow-stanza p{margin:0;color:var(--text-primary)}.sbshow-no-lyrics{text-align:center;padding:48px 16px;color:var(--text-secondary)}.sbshow-no-lyrics i{font-size:2.5rem;margin-bottom:12px;display:block}.sbshow-print-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-secondary);text-align:center}.sbshow-bottom-nav{margin:8px 0 32px;display:flex;justify-content:flex-start}.sbshow-back-btn-bottom{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:30px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s}.sbshow-back-btn-bottom:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.sbshow-header{flex-direction:column;align-items:center;text-align:center;padding:20px 16px;gap:18px}.sbshow-cover{width:140px;height:140px}.sbshow-title{font-size:1.3rem}.sbshow-meta-row,.sbshow-action-bar{justify-content:center}.sbshow-font-ctrl{width:100%;justify-content:center;box-sizing:border-box}.sbshow-lyrics-wrap{padding:20px 16px}.sbshow-breadcrumb-current{max-width:120px}}@media(max-width:480px){.sbshow-back-btn{padding:6px 12px;font-size:.8rem}.sbshow-cover{width:110px;height:110px}.sbshow-title{font-size:1.15rem}.sbshow-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.sbshow-play-btn,.sbshow-present-btn{grid-column:1 / -1;justify-content:center}.sbshow-action-btn{justify-content:center}.sbshow-lyrics-wrap{padding:16px 12px}.sbshow-stanza{margin-bottom:20px;padding-bottom:16px}}@media print{.sbshow-back-btn,.sbshow-back-btn-bottom,.sbshow-action-bar,.sbshow-font-ctrl,.sbshow-breadcrumb,.sbshow-bottom-nav,header,nav,footer,.mobile-nav{display:none!important}.sbshow-lyrics-wrap{border:none;padding:0}.sbshow-header{box-shadow:none;border:none}.sbshow-stanza{page-break-inside:avoid}}@media(max-width:768px){.sb2-hero{flex-direction:column;gap:20px;padding:24px 16px}.sb2-hero h1{font-size:1.8rem}.sb2-hero-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%}.sb2-stat span{font-size:1.4rem}.sb2-az-bar{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:4px;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sb2-az-bar::-webkit-scrollbar{display:none}.sb2-az-btn{flex-shrink:0;min-width:32px}.sb2-song-row{padding:10px 12px;gap:10px}.sb2-row-cover{width:48px;height:48px;border-radius:8px}.sb2-row-title{font-size:.92rem}.sb2-row-artist{font-size:.78rem}.sb2-row-preview{font-size:.74rem}.sb2-row-lang{display:none}.sb2-row-lyrics-btn{padding:4px 10px;font-size:.72rem}}@media(max-width:480px){.sb2-hero h1{font-size:1.5rem}.sb2-hero-badge{font-size:.78rem;padding:4px 10px}.sb2-hero p{font-size:.82rem}.sb2-stat span{font-size:1.2rem}.sb2-stat label{font-size:.68rem}.sb2-searchbar{border-radius:12px}.sb2-filter-panel{padding:14px}.sb2-row-meta{gap:6px}.sb2-row-info{min-width:0}.sb2-row-title{font-size:.88rem}.sb2-row-preview{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}.bse-font-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;scrollbar-width:thin;padding-right:4px}.bse-font-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:transparent;border:1.5px solid transparent;color:var(--text-primary);cursor:pointer;text-align:left;transition:.2s;width:100%}.bse-font-btn:hover{background:#ffffff0f;border-color:var(--border)}.bse-font-btn.sel{background:var(--accent-subtle);border-color:var(--accent)}.bse-font-preview{font-size:1.35rem;min-width:28px;display:block}.bse-font-name{font-size:.8rem;flex:1;color:var(--text-secondary)}.bse-font-btn.sel .bse-font-name{color:var(--accent)}.bse-font-check{color:var(--accent);font-size:.85rem}.bse-toggle-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;color:var(--text-primary);font-size:.85rem}.bse-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.bse-row-pair{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.bse-row-pair>div{display:flex;flex-direction:column;gap:6px}.bse-mini-label{font-size:.74rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.bse-color-input{width:44px;height:36px;border-radius:8px;border:1.5px solid var(--border);cursor:pointer;padding:2px;background:transparent}.bse-select-sm{background:var(--surface3);color:var(--text-primary);border:1.5px solid var(--border);border-radius:8px;padding:6px 8px;font-size:.78rem;cursor:pointer}.bse-pill-tabs{flex-wrap:wrap;gap:4px}.bse-pill{flex:none}@media(max-width:640px){.bse-font-list{max-height:180px}.bse-row-pair{flex-direction:column}.bse-pill span{display:none}.bse-pill i{margin:0}.bse-pill{padding:8px 10px}}.bible-mobile-nav,.bible-book-panel-close{display:none}.bible-chapter-pills{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px;background:var(--surface2);border-bottom:1px solid var(--border)}@media(max-width:768px){.bible-mobile-nav{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.bible-mobile-book-btn{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:var(--surface3);border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;color:var(--text-primary);font-size:.88rem;font-weight:600;cursor:pointer;overflow:hidden}.bible-mobile-book-btn span{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left}.bible-mobile-book-btn:active{background:var(--accent-subtle);border-color:var(--accent)}.bible-mobile-chapter-select{background:var(--bg-card, #1e1e2e);border:1.5px solid var(--accent, #6366f1);border-radius:10px;padding:9px 28px 9px 10px;color:var(--text-primary, #fff);font-size:.84rem;cursor:pointer;min-width:120px;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236366f1' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;font-weight:600}.bible-mobile-chapter-select option{background:var(--bg-card, #1e1e2e);color:var(--text-primary, #fff)}.bible-mobile-book-btn{background:var(--bg-card, #1e1e2e)!important;border:1.5px solid var(--accent, #6366f1)!important;font-weight:600}.bible-chapter-pills{display:none!important}.bible-chapter-nav{padding:8px 12px;gap:8px}.bible-chapter-title h2{font-size:.9rem}.bible-chapter-select-row{font-size:.78rem;gap:4px}.bible-chapter-select{font-size:.78rem;padding:2px 4px}.bible-book-panel{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:88vw!important;max-width:340px!important;max-height:100dvh!important;height:100dvh!important;z-index:200!important;overflow-y:auto!important;overflow-x:hidden;box-shadow:4px 0 24px #0009!important;background:#0f0f1a!important;background-color:#0f0f1a!important;border-right:1px solid rgba(255,255,255,.1)!important;border-bottom:none!important;border-radius:0!important;animation:slideInLeft .25s ease;transform:none!important;flex-direction:column;display:flex!important}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.bible-book-panel-close{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;background:var(--surface3);border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;justify-content:flex-end}.bible-book-panel-close:active{color:var(--accent)}.bible-body-overlay{display:block;position:fixed;inset:0;z-index:199;background:#0000008c}.bible-topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.bible-topbar-left{width:100%}.bible-topbar-right{flex-wrap:wrap;gap:6px}.bible-subtitle{display:none}.bible-translation-select select{max-width:140px;font-size:.78rem}.bible-font-ctrl{gap:4px}.bible-font-ctrl button{padding:5px 8px;font-size:.78rem}.bible-font-ctrl span{font-size:.75rem}.bible-hl-picker{gap:4px}.bible-hl-dot{width:20px;height:20px}.bible-panel-toggle{padding:7px 10px;font-size:.85rem}.bible-verse{padding:10px 12px;gap:10px}.bible-verse-num{min-width:22px;font-size:.78rem}.bible-verse-text{font-size:inherit;line-height:1.75}.bible-verse-actions{gap:2px}.bva{padding:5px 7px;font-size:.8rem}.bva span{display:none}.bible-main{padding:0}}@media(max-width:480px){.bible-topbar-right{gap:4px}.bible-mobile-nav{padding:8px 10px;gap:6px}.bible-mobile-chapter-select{min-width:100px;font-size:.8rem;padding:7px 8px}.bible-mobile-book-btn{font-size:.82rem;padding:7px 10px}}.quiz-set-selector{margin:20px 0;padding:18px 20px 20px;background:var(--surface3, #1e1e2e);border-radius:18px;border:1px solid var(--border)}.quiz-set-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quiz-set-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.quiz-set-count-badge{font-size:.72rem;font-weight:700;background:var(--accent-subtle, rgba(250,204,21,.12));color:var(--accent, #facc15);padding:3px 10px;border-radius:20px;letter-spacing:.03em}.quiz-set-tabs{display:flex;gap:12px;flex-wrap:wrap}.quiz-set-tab{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 14px 14px;border-radius:14px;border:2px solid var(--border);background:var(--surface2, #16161e);color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.quiz-set-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--set-color, var(--accent));opacity:0;transition:opacity .2s}.quiz-set-tab:hover{border-color:var(--set-color, var(--accent));transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.quiz-set-tab:hover:before{opacity:1}.quiz-set-tab.active{background:var(--set-color, var(--accent));border-color:var(--set-color, var(--accent));color:#000;transform:translateY(-3px);box-shadow:0 6px 24px #0000004d}.quiz-set-tab.active:before{opacity:1;background:#ffffff4d}.quiz-set-icon{font-size:1.8rem;line-height:1}.quiz-set-num{font-size:1rem;font-weight:800;line-height:1}.quiz-set-badge{font-size:.7rem;font-weight:600;opacity:.75}.quiz-set-tab.active .quiz-set-badge{opacity:.85}.quiz-set-active-dot{width:7px;height:7px;border-radius:50%;background:#000;opacity:.4;margin-top:2px}.quiz-set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz-set-grid-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:12px;border:2px solid var(--border);background:var(--surface2);color:var(--text-primary);cursor:pointer;transition:all .2s}.quiz-set-grid-card:hover{border-color:var(--accent);transform:translateY(-2px)}.quiz-set-grid-card.active{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 4px 18px #facc154d}.qsgc-icon{font-size:1.5rem;line-height:1}.qsgc-num{font-size:.92rem;font-weight:800}.qsgc-label{font-size:.65rem;font-weight:600;opacity:.75}.quiz-set-grid-card.active .qsgc-label{opacity:.85}.quiz-set-scroll-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.quiz-set-scroll-list::-webkit-scrollbar{width:4px}.quiz-set-scroll-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.quiz-set-scroll-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text-primary);cursor:pointer;transition:all .18s;text-align:left}.quiz-set-scroll-item:hover{border-color:var(--accent);background:var(--accent-subtle)}.quiz-set-scroll-item.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.qssi-num{font-size:1.1rem;min-width:26px;text-align:center}.qssi-label{flex:1;font-size:.9rem;font-weight:600}.qssi-check{font-size:1rem;color:#000}@media(max-width:500px){.quiz-set-tabs{gap:8px}.quiz-set-tab{padding:12px 8px 10px;min-width:80px}.quiz-set-icon{font-size:1.4rem}.quiz-set-num{font-size:.88rem}.quiz-set-grid{grid-template-columns:repeat(2,1fr)}.quiz-set-selector{padding:14px}}.sbshow-page{padding-bottom:100px}.bse-template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.bse-template-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:.2s;min-height:62px}.bse-template-card:hover{transform:scale(1.06);border-color:var(--accent)!important}.bse-gradient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.bse-gradient-swatch{height:48px;border-radius:10px;border:2.5px solid transparent;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:.18s;position:relative;overflow:hidden}.bse-gradient-swatch:hover{transform:scale(1.04)}.bse-gradient-swatch.sel{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.bse-gradient-label{font-size:.6rem;font-weight:700;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.03em}.bse-shape-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.bse-shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border-radius:10px;border:2px solid var(--border);background:var(--surface2);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;transition:.18s}.bse-shape-btn i{font-size:1.3rem}.bse-shape-dim{font-size:.6rem;color:var(--text-muted)}.bse-shape-btn:hover{border-color:var(--accent);color:var(--accent)}.bse-shape-btn.sel{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.bse-border-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.bse-border-btn{padding:9px 6px;border-radius:8px;border:2px solid var(--border);background:var(--surface2);color:var(--text-secondary);font-size:.74rem;font-weight:600;cursor:pointer;transition:.15s;text-align:center}.bse-border-btn:hover{border-color:var(--accent);color:var(--accent)}.bse-border-btn.sel{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}@media(min-width:700px){.bse-modal{max-width:960px}.bse-controls{min-width:280px;max-width:300px}}.bse-header-title{display:flex;align-items:center;gap:0;font-size:1rem;font-weight:700}.bse-live-badge{display:inline-flex;align-items:center;gap:4px;background:#4ade8026;color:#4ade80;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:8px;letter-spacing:.07em;text-transform:uppercase}.bse-live-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:livePulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.bse-header-right{display:flex;align-items:center;gap:10px}.bse-rendering-badge{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-secondary, #9ca3af);animation:fadeIn .2s ease}.bse-spinner-xs{width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top-color:#4ade80;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.bse-spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.bse-render-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;background:#000000a6;color:#d1d5db;font-size:.7rem;padding:4px 10px;border-radius:20px;backdrop-filter:blur(6px);z-index:5;pointer-events:none;animation:fadeIn .2s ease}.bse-preview-pane{position:relative}.bse-canvas-img--faded{opacity:.6;transition:opacity .2s ease}.bse-canvas-img{transition:opacity .3s ease}.bse-generate-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;padding:9px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text-secondary, #9ca3af);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.bse-generate-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.bse-generate-btn:disabled{opacity:.5;cursor:default}@media(max-width:768px){.bible-share-modal{align-items:flex-end;padding:0}.bse-modal{width:100%;max-width:100%;max-height:96dvh;border-radius:22px 22px 0 0;overflow:hidden}.bse-header{padding:12px 14px}.bse-header-title{font-size:.9rem}.bse-live-badge{font-size:.55rem;padding:2px 6px}.bse-rendering-badge span{display:none}.bse-layout{flex-direction:column-reverse;height:auto;max-height:calc(96dvh - 54px);overflow-y:auto}.bse-preview-pane{width:100%;min-height:180px;max-height:38dvh;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bse-canvas-img{max-height:34dvh;width:auto;max-width:100%;border-radius:10px}.bse-controls{width:100%;max-height:none;overflow-y:visible;border-right:none;padding:10px 12px 16px}.bse-pill-tabs{overflow-x:auto;flex-wrap:nowrap;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.bse-pill-tabs::-webkit-scrollbar{display:none}.bse-pill{flex-shrink:0;padding:7px 10px;font-size:.72rem;white-space:nowrap}.bse-template-grid{grid-template-columns:repeat(4,1fr);gap:6px}.bse-template-card{font-size:.6rem;padding:10px 4px 6px}.bse-gradient-grid{grid-template-columns:repeat(4,1fr);gap:6px}.bse-shape-row{grid-template-columns:repeat(2,1fr);gap:6px}.bse-border-grid{grid-template-columns:repeat(3,1fr);gap:6px}.bse-action-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.bse-btn-download,.bse-btn-wa{flex:1;min-width:130px;justify-content:center}.bse-generate-btn{margin-top:10px;padding:8px 14px;font-size:.78rem}}@media(max-width:420px){.bse-pill span{display:none}.bse-pill{padding:8px 9px;min-width:34px;justify-content:center}.bse-template-grid{grid-template-columns:repeat(3,1fr)}.bse-gradient-grid{grid-template-columns:repeat(4,1fr)}}.sce-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;background:#0d0d0f;color:#e5e7eb;font-family:inherit;overflow:hidden}.sce-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#18181b;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:56px}.sce-topbar-left{display:flex;align-items:center;gap:14px}.sce-topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.sce-back-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d1d5db;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.sce-back-btn:hover{background:#ffffff21;color:#fff}.sce-topbar-title{font-size:.95rem;font-weight:700;color:#f9fafb;line-height:1}.sce-topbar-ref{font-size:.75rem;color:#6b7280;margin-top:2px}.sce-topbar-info{display:flex;flex-direction:column}.sce-render-pill{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#9ca3af;background:#ffffff0d;padding:4px 10px;border-radius:20px}.sce-btn-dl{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f1f5f9;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s}.sce-btn-dl:hover:not(:disabled){background:#ffffff26}.sce-btn-dl:disabled{opacity:.4;cursor:default}.sce-btn-wa{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#25d366;border:none;border-radius:10px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s}.sce-btn-wa:hover{background:#1db954}.sce-workspace{display:flex;flex:1;overflow:hidden}.sce-tool-nav{display:flex;flex-direction:column;width:72px;background:#18181b;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;flex-shrink:0;padding:6px 0;gap:2px}.sce-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;background:transparent;border:none;border-radius:10px;color:#6b7280;font-size:.6rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;margin:0 6px;letter-spacing:.03em}.sce-tool-btn i{font-size:1.2rem}.sce-tool-btn:hover{background:#ffffff12;color:#d1d5db}.sce-tool-btn.active{background:#6366f12e;color:#a5b4fc;border-radius:10px}.sce-sidebar{width:290px;min-width:250px;background:#111113;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sce-sidebar::-webkit-scrollbar{width:4px}.sce-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sce-panel{padding:14px 14px 24px}.sce-section-head{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:16px 0 8px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.06)}.sce-section-head:first-child{margin-top:0}.sce-hint{font-size:.73rem;color:#6b7280;margin:0 0 10px;line-height:1.5}.sce-row{margin-bottom:10px}.sce-label{display:block;font-size:.72rem;color:#9ca3af;margin-bottom:5px;font-weight:600}.sce-color-pick{display:flex;align-items:center;gap:10px;margin-bottom:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px}.sce-color-label{font-size:.75rem;color:#9ca3af;flex:1}.sce-color-swatch{width:32px;height:32px;border-radius:8px;border:2px solid rgba(255,255,255,.2);cursor:pointer;display:block;flex-shrink:0;overflow:hidden}.sce-color-swatch input[type=color]{width:100%;height:100%;border:none;padding:0;background:transparent;cursor:pointer;opacity:0}.sce-color-hex{font-size:.7rem;color:#6b7280;font-family:monospace}.sce-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sce-slider-label{font-size:.72rem;color:#9ca3af;min-width:50px}.sce-slider{flex:1;-webkit-appearance:none;height:4px;background:#ffffff1f;border-radius:4px;outline:none;cursor:pointer}.sce-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 6px #0006}.sce-slider-val{font-size:.72rem;color:#6b7280;min-width:38px;text-align:right}.sce-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sce-toggle-label{font-size:.78rem;color:#d1d5db}.sce-toggle{width:40px;height:22px;background:#ffffff1a;border:none;border-radius:11px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.sce-toggle.on{background:#6366f1}.sce-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s}.sce-toggle.on .sce-toggle-thumb{left:20px}.sce-select{width:100%;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f1f5f9;font-size:.82rem;cursor:pointer;outline:none}.sce-input{width:100%;box-sizing:border-box;padding:9px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f1f5f9;font-size:.82rem;outline:none;transition:border-color .2s}.sce-input:focus{border-color:#6366f1}.sce-input::placeholder{color:#4b5563}.sce-btn-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.sce-btn-row--wrap{flex-wrap:wrap}.sce-chip{padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:.74rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.sce-chip.active,.sce-chip:hover{background:#6366f133;border-color:#6366f1;color:#a5b4fc}.sce-tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.sce-tpl-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 6px 10px;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:transform .18s,border-color .18s;aspect-ratio:1}.sce-tpl-card:hover{transform:scale(1.04);border-color:#ffffff4d}.sce-tpl-emoji{font-size:1.4rem}.sce-tpl-name{font-size:.65rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.03em}.sce-grad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.sce-grad-swatch{height:52px;border-radius:10px;border:2px solid rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:flex-end;padding:4px 6px;transition:border-color .18s,transform .18s;font-size:.62rem;font-weight:700;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.sce-grad-swatch:hover,.sce-grad-swatch.active{border-color:#6366f1;transform:scale(1.04)}.sce-bg-tabs{display:flex;gap:6px;margin-bottom:14px}.sce-bg-tab{flex:1;padding:8px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#9ca3af;font-size:.73rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;text-align:center}.sce-bg-tab.active{background:#6366f133;border-color:#6366f1;color:#a5b4fc}.sce-upload-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#6366f11f;border:2px dashed rgba(99,102,241,.4);border-radius:12px;color:#a5b4fc;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s;justify-content:center;margin-bottom:10px}.sce-upload-btn:hover{background:#6366f133}.sce-bg-thumb{width:100%;max-height:120px;object-fit:cover;border-radius:10px;margin-bottom:10px;border:2px solid rgba(99,102,241,.3)}.sce-img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.sce-img-thumb{aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .18s;background:#1a1a2e}.sce-img-thumb img{width:100%;height:100%;object-fit:cover}.sce-img-thumb.active{border-color:#6366f1}.sce-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.sce-pattern-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#9ca3af;font-size:.65rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.sce-pattern-btn i{font-size:1rem}.sce-pattern-btn.active,.sce-pattern-btn:hover{background:#6366f12e;border-color:#6366f1;color:#a5b4fc}.sce-shape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sce-shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#9ca3af;cursor:pointer;font-size:.72rem;font-weight:600;transition:all .18s}.sce-shape-btn i{font-size:1.3rem}.sce-shape-btn small{font-size:.58rem;color:#6b7280}.sce-shape-btn.active,.sce-shape-btn:hover{background:#6366f126;border-color:#6366f1;color:#a5b4fc}.sce-border-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.sce-border-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#9ca3af;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .18s}.sce-border-btn i{font-size:1rem}.sce-border-btn.active,.sce-border-btn:hover{background:#6366f12e;border-color:#6366f1;color:#a5b4fc}.sce-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 16px;background:#0d0d0f;overflow:auto;gap:14px}.sce-canvas-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;flex:1}.sce-preview-img{max-width:100%;max-height:calc(100vh - 160px);border-radius:14px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0f;transition:opacity .25s ease;display:block}.sce-preview-img--faded{opacity:.55}.sce-preview-empty{width:100%;aspect-ratio:1;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed rgba(255,255,255,.1);border-radius:16px;color:#4b5563;font-size:.85rem}.sce-render-overlay{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:6px;background:#000000b3;color:#9ca3af;font-size:.72rem;padding:5px 12px;border-radius:20px;backdrop-filter:blur(8px);pointer-events:none}.sce-canvas-hint{font-size:.72rem;color:#4b5563;text-align:center;margin:0}.sce-spinner-xs{width:12px;height:12px;border:2px solid rgba(255,255,255,.15);border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;display:inline-block}.sce-spinner-lg{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.sce-mobile-tabs{display:none}@media(max-width:900px){.sce-tool-nav{width:60px}.sce-sidebar{width:240px;min-width:200px}}@media(max-width:640px){.sce-tool-nav,.sce-sidebar{display:none}.sce-mobile-tabs{display:flex;background:#18181b;border-top:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none;flex-shrink:0;order:3}.sce-mobile-tabs::-webkit-scrollbar{display:none}.sce-mob-tab{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;padding:8px 14px;background:transparent;border:none;color:#6b7280;font-size:.58rem;font-weight:600;cursor:pointer;transition:color .18s;white-space:nowrap}.sce-mob-tab i{font-size:1rem}.sce-mob-tab.active{color:#a5b4fc}.sce-mobile-panel{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:#18181b;border-top:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;max-height:65dvh;overflow-y:auto;box-shadow:0 -8px 40px #0009;animation:sce-panel-up .22s ease-out;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes sce-panel-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sce-mobile-panel-handle{width:36px;height:4px;background:#ffffff2e;border-radius:2px;margin:10px auto 14px}.sce-mobile-panel-close{display:flex;align-items:center;justify-content:space-between;padding:0 16px 8px;font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.sce-mobile-panel-close button{background:#ffffff14;border:none;color:#94a3b8;border-radius:20px;padding:4px 12px;font-size:.75rem;cursor:pointer}.sce-mobile-overlay{position:fixed;inset:0;background:#0000008c;z-index:8999}.sce-workspace{flex-direction:column}.sce-canvas-area{flex:1;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sce-canvas-wrap{width:100%;max-width:360px}.sce-preview-img{max-height:50dvh;width:100%;object-fit:contain}.sce-topbar{padding:8px 12px;min-height:50px}.sce-back-btn span{display:none}.sce-back-btn{padding:8px 10px}.sce-topbar-title{font-size:.85rem}.sce-topbar-ref,.sce-btn-dl span,.sce-btn-wa span{display:none}.sce-btn-dl,.sce-btn-wa{padding:8px 11px;font-size:.85rem}}.sce-cat-scroll{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.sce-cat-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0d;color:#94a3b8;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:all .18s}.sce-cat-btn i{font-size:.8rem}.sce-cat-btn:hover{background:#a5b4fc1a;color:#c7d2fe}.sce-cat-btn.active{background:#6366f138;border-color:#6366f1;color:#a5b4fc;font-weight:600}.sce-layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.sce-layout-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 12px 10px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s;text-align:left}.sce-layout-btn i{font-size:1.25rem;margin-bottom:3px}.sce-layout-label{font-size:.82rem;font-weight:600;color:#e2e8f0}.sce-layout-desc{font-size:.7rem;color:#64748b;line-height:1.3}.sce-layout-btn:hover{background:#a5b4fc1a;border-color:#a5b4fc4d}.sce-layout-btn.active{background:#6366f12e;border-color:#6366f1}.sce-layout-btn.active .sce-layout-label,.sce-layout-btn.active i{color:#a5b4fc}.sce-textarea{width:100%;background:#ffffff0f;border:1px solid rgba(165,180,252,.25);border-radius:8px;color:#e2e8f0;font-size:.9rem;line-height:1.6;padding:10px 12px;resize:vertical;outline:none;font-family:inherit;margin-top:8px;transition:border-color .2s;box-sizing:border-box}.sce-textarea:focus{border-color:#a5b4fc99}.sce-textarea::placeholder{color:#94a3b88c}.sce-original-verse{margin:8px 0}.sce-verse-preview{margin:6px 0 0;padding:10px 14px;border-left:3px solid #a5b4fc;background:#a5b4fc12;border-radius:0 8px 8px 0;color:#cbd5e1;font-size:.88rem;font-style:italic;line-height:1.6}.sce-reset-btn{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#94a3b8;font-size:.82rem;cursor:pointer;transition:background .2s,color .2s}.sce-reset-btn:hover{background:#ffffff1a;color:#e2e8f0}.sce-frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.sce-frame-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;font-size:.78rem;cursor:pointer;transition:all .2s}.sce-frame-btn i{font-size:1.2rem}.sce-frame-btn:hover{background:#a5b4fc1a;border-color:#a5b4fc4d;color:#c7d2fe}.sce-frame-btn.active{background:#6366f12e;border-color:#6366f1;color:#a5b4fc}.social-share-overlay{position:fixed;inset:0;z-index:9999;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.social-share-popup{background:var(--bg-secondary, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:0;width:100%;max-width:420px;box-shadow:0 24px 60px #0009;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.social-share-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.social-share-title{font-size:1rem;font-weight:700;color:var(--text-primary, #fff);display:flex;align-items:center;gap:8px}.social-share-close{background:#ffffff14;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #94a3b8);font-size:.85rem;transition:background .15s}.social-share-close:hover{background:#ffffff26}.social-share-preview{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.social-share-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.social-share-preview-text{min-width:0}.social-share-song-name{font-size:.92rem;font-weight:700;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-share-artist{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.social-share-domain{font-size:.72rem;color:#4ade80;margin-top:2px}.social-share-platforms{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.social-share-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text-primary, #fff);transition:background .15s}.social-share-btn:hover{background:#ffffff0f}.social-share-btn--secondary{opacity:.85}.social-share-btn-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}.social-share-btn-label{flex:1;font-size:.9rem;font-weight:600;display:flex;flex-direction:column}.social-share-btn-label small{font-size:.72rem;font-weight:400;color:var(--text-secondary, #94a3b8)}.social-share-btn-arrow{font-size:.72rem;color:#ffffff4d}.social-share-copy{display:flex;align-items:center;gap:8px;margin:0 12px 10px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.social-share-copy-url{flex:1;font-size:.75rem;color:var(--text-secondary, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-share-copy-btn{background:#ffffff1a;border:none;border-radius:6px;color:var(--text-primary, #fff);padding:5px 12px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .15s;white-space:nowrap}.social-share-copy-btn.copied{background:#10b98140;color:#4ade80}.social-share-copy-btn:hover{background:#ffffff2e}.social-share-follow-cta{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#1877f21f;border-top:1px solid rgba(24,119,242,.2);color:#93c5fd;font-size:.8rem;text-decoration:none;transition:background .15s}.social-share-follow-cta i{font-size:1.1rem;color:#1877f2;flex-shrink:0}.social-share-follow-cta:hover{background:#1877f233;color:#bfdbfe}