:root{--bg-main: #0a040f;--bg-surface: #12081d;--bg-card: rgba(24, 11, 36, .72);--bg-card-hover: rgba(38, 18, 56, .88);--bg-glass: rgba(20, 9, 30, .65);--border-glass: rgba(244, 63, 94, .16);--border-glass-purple: rgba(168, 85, 247, .22);--border-glow: rgba(244, 63, 94, .4);--crimson-400: #fb7185;--crimson-500: #f43f5e;--crimson-600: #e11d48;--crimson-700: #be123c;--crimson-glow: rgba(244, 63, 94, .35);--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-glow: rgba(168, 85, 247, .35);--gradient-brand: linear-gradient(135deg, #f43f5e 0%, #d946ef 50%, #9333ea 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(244, 63, 94, .12) 0%, rgba(168, 85, 247, .12) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--shadow-card: 0 12px 36px 0 rgba(0, 0, 0, .45);--shadow-glow: 0 0 35px rgba(244, 63, 94, .25), 0 0 70px rgba(168, 85, 247, .18);--shadow-glow-purple: 0 0 25px rgba(168, 85, 247, .35);--shadow-glow-crimson: 0 0 25px rgba(244, 63, 94, .35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-15%;left:20%;width:650px;height:650px;background:radial-gradient(circle,#f43f5e29,#e11d4800 70%);filter:blur(90px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:35%;right:-5%;width:750px;height:750px;background:radial-gradient(circle,#a855f726,#9333ea00 70%);filter:blur(100px);pointer-events:none;z-index:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f43f5e80}h1,h2,h3,h4,.font-heading{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.app-container{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}@media(min-width:769px){.app-container{padding-left:72px;transition:padding-left .3s cubic-bezier(.16,1,.3,1)}.main-content{flex:1;max-width:1320px;margin:0 auto;padding:36px 32px 80px;width:100%}}@media(max-width:768px){.app-container{padding-left:0}.main-content{flex:1;max-width:1320px;margin:0 auto;padding:76px 16px 60px;width:100%}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-glass-purple);box-shadow:0 14px 45px #0000008c,0 0 25px #a855f729}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.text-crimson{color:var(--crimson-400)}.text-purple{color:var(--purple-400)}.fill-crimson{fill:var(--crimson-500)}.btn-primary{background:var(--gradient-brand);color:#fff;font-weight:600;padding:12px 24px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px var(--crimson-glow);transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #f43f5e80,0 0 20px #a855f766}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-weight:600;padding:10px 18px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease}.btn-secondary:hover{background:#a855f72e;border-color:#a855f766;color:#fff;transform:translateY(-2px)}.badge-tag{min-width:32px;height:30px;padding:0 6px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.badge-akor,.badge-key{background:linear-gradient(135deg,#f43f5e4d,#e11d4873);border:1px solid rgba(244,63,94,.7);color:#ff708d;box-shadow:0 0 14px #f43f5e59}.badge-repertuar{background:linear-gradient(135deg,#a855f74d,#7e22ce73);border:1px solid rgba(168,85,247,.7);color:#c084fc;box-shadow:0 0 14px #a855f759}.tag-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.tag-pill.bareless{background:#a855f726;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.tag-pill.key-pill{background:#f43f5e26;color:#fda4af;border:1px solid rgba(244,63,94,.35)}.sidebar-nav{position:fixed;top:0;left:0;bottom:0;width:72px;height:100vh;height:100dvh;z-index:1200;background:#09030e;background:linear-gradient(180deg,#0e0517,#07020c);border-right:1px solid rgba(255,255,255,.08);box-shadow:4px 0 25px #0000008c;display:flex;flex-direction:column;transition:width .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease;overflow:visible;-webkit-user-select:none;user-select:none}.sidebar-nav:hover,.sidebar-nav.is-expanded{width:260px;background:#0c0514fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right-color:#f43f5e59;box-shadow:16px 0 45px #000000d9,0 0 30px #a855f72e}.sidebar-inner{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;padding:14px 10px;scrollbar-width:none;-ms-overflow-style:none}.sidebar-inner::-webkit-scrollbar{display:none}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 4px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:12px;flex-shrink:0;min-height:56px;overflow:hidden;transition:opacity .2s ease}.sidebar-brand:hover{opacity:.95}.sidebar-logo-icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:linear-gradient(135deg,#f43f5e38,#a855f747);border:1px solid rgba(244,63,94,.45);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:19px;font-weight:800;color:#fff;box-shadow:0 4px 14px #f43f5e40;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.sidebar-brand:hover .sidebar-logo-icon{transform:scale(1.05);border-color:var(--crimson-400);box-shadow:0 0 20px #f43f5e73}.sidebar-logo-text{display:flex;flex-direction:column;white-space:nowrap;opacity:0;transform:translate(-10px);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);pointer-events:none}.sidebar-nav:hover .sidebar-logo-text,.sidebar-nav.is-expanded .sidebar-logo-text{opacity:1;transform:translate(0);pointer-events:auto}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:#fff}.brand-dot{color:var(--crimson-500)}.brand-tagline{display:block;font-size:10.5px;color:var(--text-muted);font-weight:500}.sidebar-search-btn{display:flex;align-items:center;width:100%;height:40px;padding:0 12px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;overflow:hidden;margin-bottom:10px;flex-shrink:0}.sidebar-search-btn:hover{background:#a855f72e;border-color:#a855f773;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #a855f740}.sidebar-search-kbd{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:10px;font-family:var(--font-mono);display:flex;align-items:center;gap:2px;color:var(--text-muted);margin-left:auto;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.sidebar-nav:hover .sidebar-search-kbd,.sidebar-nav.is-expanded .sidebar-search-kbd{opacity:1;transform:scale(1);pointer-events:auto}.sidebar-section-divider{display:flex;align-items:center;padding:8px 4px 4px;min-height:22px;flex-shrink:0}.sidebar-section-title{font-size:10px;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.sidebar-nav:hover .sidebar-section-title,.sidebar-nav.is-expanded .sidebar-section-title{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-divider-line{height:1px;background:#ffffff14;width:24px;margin:4px auto;transition:opacity .2s ease}.sidebar-nav:hover .sidebar-divider-line,.sidebar-nav.is-expanded .sidebar-divider-line{opacity:0;display:none}.sidebar-nav-group{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.sidebar-btn{display:flex;align-items:center;position:relative;width:100%;height:40px;padding:0 13px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .18s ease;overflow:hidden;white-space:nowrap;text-align:left}.sidebar-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff17;transform:translate(2px)}.sidebar-btn-icon-box{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;position:relative;flex-shrink:0}.sidebar-btn-label{margin-left:12px;flex:1;text-align:left;opacity:0;transform:translate(-10px);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.sidebar-nav:hover .sidebar-btn-label,.sidebar-nav.is-expanded .sidebar-btn-label{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-item-badge{margin-left:auto;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease;font-size:10px;font-weight:700;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px;pointer-events:none}.sidebar-nav:hover .sidebar-item-badge,.sidebar-nav.is-expanded .sidebar-item-badge{opacity:1;transform:scale(1);pointer-events:auto}.badge-learn{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.badge-ai{background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.4)}.badge-request{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.35)}.badge-fav-count{background:#f43f5e33;color:#ff708d;border:1px solid rgba(244,63,94,.45);font-weight:800;min-width:20px;text-align:center}.badge-admin-count{background:#f43f5e;color:#fff;font-weight:800;min-width:20px;text-align:center;box-shadow:0 0 10px #f43f5e80;animation:pulseBadge 2s infinite}.sidebar-mini-dot-fav,.sidebar-mini-dot-admin{position:absolute;top:-5px;right:-7px;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;background:#f43f5e;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0009;pointer-events:none}.sidebar-mini-dot-admin{animation:pulseBadge 2s infinite}.sidebar-nav:hover .sidebar-mini-dot-fav,.sidebar-nav:hover .sidebar-mini-dot-admin,.sidebar-nav.is-expanded .sidebar-mini-dot-fav,.sidebar-nav.is-expanded .sidebar-mini-dot-admin{display:none}.sidebar-btn-learn:hover{background:#a855f726;border-color:#a855f759}.sidebar-btn-ai:hover,.sidebar-btn-request:hover{background:#f43f5e26;border-color:#f43f5e59}.sidebar-fav-btn.has-favorites{color:#fff}.sidebar-fav-btn.has-favorites:hover{background:#f43f5e24;border-color:#f43f5e59}.sidebar-admin-btn.has-pending{color:#fff;border-color:#f43f5e66}.sidebar-admin-btn.has-pending:hover{background:linear-gradient(135deg,#f43f5e38,#a855f740);border-color:#f43f5e99}.sidebar-spacer{flex:1;min-height:16px}.sidebar-bottom-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar-login-btn{background:linear-gradient(135deg,#f43f5e26,#a855f72e);border-color:#f43f5e59;color:#fff}.sidebar-login-btn:hover{background:linear-gradient(135deg,#f43f5e47,#a855f752);border-color:#f43f5e99;box-shadow:0 4px 15px #f43f5e40}.sidebar-user-wrapper{position:relative;margin-top:4px}.sidebar-user-trigger{display:flex;align-items:center;width:100%;height:46px;padding:0 9px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(244,63,94,.25);color:#fff;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;box-sizing:border-box}.sidebar-user-trigger:hover,.sidebar-user-trigger.menu-active{background:#f43f5e29;border-color:var(--crimson-500);box-shadow:0 0 16px #f43f5e40}.sidebar-user-trigger .user-avatar-chip{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;aspect-ratio:1 / 1!important;flex-shrink:0!important;border-radius:50%!important}.sidebar-user-details{display:flex;flex-direction:column;text-align:left;margin-left:0;width:0;min-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translate(-10px);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),margin-left .2s cubic-bezier(.16,1,.3,1),width .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.sidebar-nav:hover .sidebar-user-details,.sidebar-nav.is-expanded .sidebar-user-details{opacity:1;width:auto;flex:1;margin-left:10px;transform:translate(0);pointer-events:auto}.sidebar-user-trigger .user-chevron,.sidebar-user-trigger .user-settings-icon{opacity:0;width:0;min-width:0;overflow:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);margin-left:0;flex-shrink:0;color:var(--text-dim)}.sidebar-nav:hover .sidebar-user-trigger .user-chevron,.sidebar-nav:hover .sidebar-user-trigger .user-settings-icon,.sidebar-nav.is-expanded .sidebar-user-trigger .user-chevron,.sidebar-nav.is-expanded .sidebar-user-trigger .user-settings-icon{opacity:.8;width:15px;min-width:15px;pointer-events:auto;margin-left:auto}.sidebar-user-trigger:hover .user-settings-icon{opacity:1;color:#fda4af;transform:rotate(45deg)}.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.sidebar-user-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.sidebar-user-role{font-size:10.5px;font-weight:600;color:var(--text-dim)}.sidebar-user-dropdown{position:absolute;left:calc(100% + 14px);bottom:0;width:270px;background:#0e0616fa;border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-md);box-shadow:0 16px 45px #000000d9,0 0 25px #a855f733;padding:12px;z-index:1300;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:flyoutRight .2s cubic-bezier(.16,1,.3,1)}@keyframes flyoutRight{0%{opacity:0;transform:translate(-10px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@media(min-width:769px){.mobile-top-header,.mobile-sidebar-drawer,.mobile-drawer-backdrop{display:none!important}}@media(max-width:768px){.sidebar-nav{display:none!important}.mobile-top-header{position:fixed;top:0;left:0;right:0;height:58px;z-index:1000;background:#0a040ff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 4px 20px #000000a6}.mobile-brand{display:flex;align-items:center;gap:8px;cursor:pointer}.mobile-logo-icon{width:34px!important;height:34px!important;min-width:34px!important;font-size:15px!important;border-radius:8px!important}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-header-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s ease}.mobile-header-btn:hover{background:#ffffff1f;color:#fff}.mobile-badge-dot{position:absolute;top:-2px;right:-2px;background:#f43f5e;color:#fff;font-size:9.5px;font-weight:800;min-width:16px;height:16px;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000080}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1400;animation:fadeIn .2s ease}.mobile-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:#0d0617;border-right:1px solid rgba(244,63,94,.3);z-index:1500;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:16px 0 45px #000000d9}.mobile-sidebar-drawer.drawer-open{transform:translate(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-drawer-close-btn{width:34px;height:34px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-drawer-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px}.mobile-drawer-section-title{font-size:10.5px;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin:14px 4px 6px}.mobile-drawer-links{display:flex;flex-direction:column;gap:4px}.mobile-drawer-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:all .18s ease}.mobile-drawer-link:hover{background:#ffffff14;color:#fff}.mobile-login-link{background:linear-gradient(135deg,#f43f5e26,#a855f72e);border-color:#f43f5e59;color:#fff}.mobile-user-card{padding:12px;border-radius:var(--radius-md);margin-top:6px;background:#ffffff0a;border:1px solid rgba(244,63,94,.25)}.mobile-user-card-header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-user-info{display:flex;flex-direction:column;font-size:13px}.mobile-user-info strong{color:#fff}.mobile-user-info span{color:var(--text-muted);font-size:11px}.mobile-user-card-actions{display:flex;flex-direction:column;gap:6px;padding-top:8px}.mobile-drawer-sublink{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-secondary);padding:7px 10px;border-radius:6px;background:#ffffff0a;cursor:pointer;text-align:left;width:100%;transition:all .18s ease}.mobile-drawer-sublink:hover{background:#ffffff17;color:#fff}.logout-sublink{color:var(--crimson-400)}}.hero-section{text-align:center;padding:30px 0 45px;position:relative;overflow:hidden}.stage-spotlights{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1000px;height:340px;pointer-events:none;z-index:1}.spotlight{position:absolute;top:0}.spotlight-left{left:14%}.spotlight-center{left:50%;transform:translate(-50%)}.spotlight-right{right:14%}.spotlight-fixture{width:24px;height:8px;background:#f43f5e59;border-radius:50%;margin:0 auto;position:relative;z-index:4}.fixture-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;filter:blur(3px);opacity:.6}.crimson-glow{background:#f43f5e99;box-shadow:0 0 15px 4px #f43f5e80,0 0 30px 8px #e11d484d}.center-glow{background:#fff5c8b3;box-shadow:0 0 18px 5px #fff0b480,0 0 35px 10px #ffc8644d}.purple-glow{background:#a855f799;box-shadow:0 0 15px 4px #a855f780,0 0 30px 8px #9333ea4d}.spotlight-beam{position:absolute;top:6px;width:270px;height:310px;clip-path:polygon(45% 0%,55% 0%,100% 100%,0% 100%);opacity:.32;filter:blur(14px);mix-blend-mode:screen}.beam-crimson{left:-121px;transform-origin:top center;background:linear-gradient(180deg,#f43f5e8c,#f43f5e26 55%,#f43f5e00);animation:spotlightSwayLeft 6s ease-in-out infinite alternate}.beam-center{left:-121px;transform-origin:top center;background:linear-gradient(180deg,#fff0c880,#ffd78c26,#ffb45000);animation:spotlightPulseCenter 4s ease-in-out infinite alternate}.beam-purple{right:-121px;transform-origin:top center;background:linear-gradient(180deg,#a855f78c,#a855f726 55%,#a855f700);animation:spotlightSwayRight 6s ease-in-out infinite alternate}.stage-center-glow{position:absolute;top:110px;left:50%;transform:translate(-50%);width:600px;height:160px;background:radial-gradient(ellipse at center,#f43f5e24,#a855f71f 45%,#0a040f00 80%);filter:blur(30px);border-radius:50%;z-index:1;animation:stagePulse 4s ease-in-out infinite alternate}.spotlight-floor-glow{position:absolute;top:95px;left:50%;transform:translate(-50%);width:440px;height:100px;background:radial-gradient(ellipse at center,#ffffff26,#f43f5e14 45%,#0a040f00 75%);filter:blur(20px);border-radius:50%;z-index:1;animation:floorGlowPulse 3s ease-in-out infinite alternate}@keyframes spotlightSwayLeft{0%{transform:rotate(18deg) scaleX(.95);opacity:.28}to{transform:rotate(26deg) scaleX(1.1);opacity:.38}}@keyframes spotlightSwayRight{0%{transform:rotate(-18deg) scaleX(.95);opacity:.28}to{transform:rotate(-26deg) scaleX(1.1);opacity:.38}}@keyframes spotlightPulseCenter{0%{transform:scaleX(.95);opacity:.25}to{transform:scaleX(1.15);opacity:.4}}@keyframes stagePulse{0%{opacity:.5;transform:translate(-50%) scale(.95)}to{opacity:.8;transform:translate(-50%) scale(1.05)}}@keyframes floorGlowPulse{0%{opacity:.4;transform:translate(-50%) scale(.9)}to{opacity:.7;transform:translate(-50%) scale(1.1)}}.spotlight-target-wrapper{position:relative;z-index:3;margin:20px auto 28px;max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 20px;border-radius:30px;background:radial-gradient(ellipse at center,#ffffff08,#f43f5e05 50%,#0000 80%)}.hero-title.illuminated-title{position:relative;font-size:52px;line-height:1.25;font-weight:900;margin:0 auto;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hero-title .spotlight-lit-text{display:block;position:relative;text-align:center;width:100%;margin:0 auto}.text-lit-1{color:#f8fafc;text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 20px rgba(244,63,94,.35)}.text-lit-2{text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 24px rgba(168,85,247,.35)}.hero-search-box{max-width:720px;margin:0 auto 24px;position:relative}.search-input-wrapper{display:flex;align-items:center;background:#14091ed9;border:2px solid var(--border-glass-purple);border-radius:var(--radius-lg);padding:8px 12px 8px 20px;box-shadow:0 10px 40px #00000080,0 0 30px #a855f733;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.hero-search-box.focused .search-input-wrapper{border-color:var(--crimson-500);box-shadow:0 12px 50px #0009,0 0 35px #f43f5e59}.hero-search-icon{color:var(--purple-400);margin-right:12px}.hero-search-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none;font-family:inherit}.hero-search-input::placeholder{color:var(--text-muted)}.clear-search-btn{color:var(--text-muted);font-size:16px;padding:4px 8px;margin-right:8px}.live-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:10px;z-index:50;max-height:380px;overflow-y:auto;text-align:left;border-color:#a855f766}.dropdown-header{padding:12px 18px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.08)}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .2s ease}.search-result-item:hover{background:#a855f726}.result-left{display:flex;align-items:center;gap:12px}.result-title{font-weight:700;font-size:15px;color:#fff}.result-artist{font-size:13px;color:var(--text-muted)}.result-right{display:flex;align-items:center;gap:8px}.difficulty-pill{font-size:12px;color:var(--text-muted)}.arrow-icon{color:var(--purple-400)}.no-results{padding:24px;text-align:center;color:var(--text-muted)}.filter-pills-container{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}.filter-label{font-size:13px;color:var(--text-muted);font-weight:600}.pills-wrapper{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.filter-pill:hover{background:#a855f726;border-color:#a855f766;color:#fff}.filter-pill.active{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 0 15px #f43f5e66}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;text-align:left}.stat-icon-wrapper{width:44px;height:44px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.stat-value{font-size:20px;font-weight:800;font-family:var(--font-display)}.stat-label{font-size:12px;color:var(--text-muted)}.random-song-section{margin-bottom:60px}.random-card{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:36px;border:1px solid rgba(244,63,94,.3);background:linear-gradient(135deg,#1a0b28d9,#12071ee6);position:relative;overflow:hidden}.random-card:before{content:"";position:absolute;top:-50px;right:-50px;width:250px;height:250px;background:radial-gradient(circle,rgba(244,63,94,.2) 0%,transparent 70%);pointer-events:none}.random-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--crimson-400);margin-bottom:12px}.random-title{font-size:32px;font-weight:800;margin-bottom:12px}.random-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.spin-btn{font-size:15px;padding:14px 28px}.spin-rotate{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.random-result-card{background:#0f0618cc;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #00000080;transition:all .3s ease;min-width:0;width:100%;box-sizing:border-box}.pulse-glow{box-shadow:0 0 30px #f43f5e80,0 0 50px #a855f766}.random-card-header{display:flex;align-items:center;justify-content:space-between}.key-tag{font-size:13px;font-weight:700;color:var(--purple-400);background:#a855f726;padding:4px 12px;border-radius:var(--radius-full)}.random-song-title{font-size:24px;font-weight:800;word-break:break-word;overflow-wrap:break-word;min-width:0}.random-song-artist{color:var(--text-muted);font-weight:600}.random-song-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:13px;color:var(--text-secondary);min-width:0}.meta-chip{display:inline-flex;align-items:center;gap:5px;white-space:normal}.random-song-chords{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}.inspect-random-btn{width:100%;justify-content:center;margin-top:4px}.chords-preview-list{display:flex;gap:8px;flex-wrap:wrap}.chord-chip{background:#f43f5e26;border:1px solid rgba(244,63,94,.4);color:#ff85a1;font-weight:800;font-family:var(--font-mono);padding:4px 10px;border-radius:6px;font-size:13px}.full-width-btn{width:100%;justify-content:center;margin-top:8px}.song-list-section{margin-bottom:70px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.sub-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--crimson-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.section-title{font-size:34px;font-weight:800}.header-desc{color:var(--text-muted);font-size:15px;max-width:480px}.genre-filter-wrapper{display:flex;align-items:center;gap:10px}.genre-select{padding:10px 16px;color:#fff;border-radius:var(--radius-md);font-size:14px;font-family:inherit;outline:none;cursor:pointer}.genre-select option{background:#12081d;color:#fff}.tabs-container{display:flex;gap:10px;margin-bottom:28px;overflow-x:auto;padding-bottom:6px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:14px;white-space:nowrap;transition:all .25s ease}.tab-btn:hover{background:#a855f71f;color:#fff}.tab-btn.active{background:var(--gradient-brand-subtle);border-color:var(--crimson-500);color:#fff;box-shadow:0 0 20px #f43f5e40}.songs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.song-card{padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;cursor:pointer}.song-card-header{display:flex;align-items:center;justify-content:space-between}.badges-group{display:flex;gap:6px}.song-card-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px;transition:color .2s ease}.song-card:hover .song-card-title{color:var(--crimson-400)}.song-card-artist{font-size:14px;color:var(--text-secondary);font-weight:600}.song-card-genre{font-size:12px;color:var(--text-muted)}.song-chords-preview{display:flex;gap:6px;flex-wrap:wrap}.mini-chord{font-size:12px;font-family:var(--font-mono);font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:2px 8px;border-radius:4px;color:var(--text-secondary)}.song-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.meta-left{display:flex;flex-direction:column;font-size:12px;color:var(--text-muted)}.actions-right{display:flex;align-items:center;gap:8px}.fav-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fav-btn:hover,.fav-active{background:#f43f5e33}.preview-trigger-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#a855f726;color:var(--purple-400);font-size:13px;font-weight:600;transition:all .2s ease}.song-card:hover .preview-trigger-btn{background:var(--gradient-brand);color:#fff}.no-songs-found{grid-column:span 3;padding:48px;text-align:center;color:var(--text-muted)}.section-header-meta{display:flex;align-items:center;gap:12px}.results-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;white-space:nowrap;flex-shrink:0}.results-badge-text{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.results-badge-divider{color:var(--text-muted);font-weight:400;padding:0 1px}.results-badge strong{color:#fff;font-weight:700}.playlist-active-banner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:22px;border-radius:var(--radius-lg, 16px);background:linear-gradient(135deg,#f43f5e1f,#a855f726);border:1px solid rgba(244,63,94,.35);box-shadow:0 8px 24px #f43f5e26;animation:slideDownFade .3s ease;overflow:hidden}.playlist-banner-artist{background:linear-gradient(135deg,#e639461f,#c1121f26);border-color:#e6394666;box-shadow:0 8px 24px #e6394626}.playlist-banner-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.playlist-banner-left .badge-tag{flex-shrink:0;margin-top:2px;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.badge-artist{background:linear-gradient(135deg,#e63946,#c1121f)!important;border-color:#e63946b3!important;color:#fff!important;box-shadow:0 0 14px #e6394666!important}.playlist-banner-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.playlist-banner-title{font-size:15px;color:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.4}.playlist-banner-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--crimson-400, #f43f5e);background:#f43f5e1f;border:1px solid rgba(244,63,94,.25);padding:1px 7px;border-radius:4px}.playlist-banner-artist .playlist-banner-kicker{color:#ff6b6b;background:#e6394626;border-color:#e639464d}.playlist-banner-title strong{color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.15)}.playlist-banner-desc{font-size:13px;color:var(--text-muted, #94a3b8);line-height:1.5;margin-top:2px;word-break:break-word}.btn-clear-playlist{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#f1f5f9;border-radius:var(--radius-md, 10px);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:2px}.btn-clear-playlist:hover{background:#f43f5e40;border-color:var(--crimson-500, #f43f5e);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e4d}.btn-clear-playlist:active{transform:translateY(0)}.filter-toolbar{padding:16px 20px;margin-bottom:24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;background:#190a268c;border:1px solid rgba(255,255,255,.09);box-shadow:0 4px 20px #00000040}.toolbar-search-wrapper{position:relative;width:100%}.toolbar-search-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.toolbar-search-input{width:100%;padding:11px 40px 11px 42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#fff;font-size:14px;font-family:inherit;outline:none;transition:all .2s ease}.toolbar-search-input:focus{background:#ffffff14;border-color:var(--purple-500);box-shadow:0 0 0 3px #a855f733}.clear-filter-text-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:var(--text-muted);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.clear-filter-text-btn:hover{background:#f43f5e4d;color:#fff}.toolbar-controls-grid{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.toolbar-select-group{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:4px 10px}.select-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.toolbar-select{background:transparent;border:none;color:#fff;font-size:13px;font-weight:600;font-family:inherit;outline:none;cursor:pointer;padding:4px 2px}.toolbar-select option{background:#190a26;color:#fff;padding:8px}.btn-reset-filters{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f43f5e26;border:1px solid rgba(244,63,94,.35);color:var(--crimson-400);border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-reset-filters:hover{background:var(--crimson-500);color:#fff;border-color:var(--crimson-500);box-shadow:0 0 14px #f43f5e66}.tag-pill.tab-badge{background:#38bdf826;border-color:#38bdf859;color:#38bdf8;font-weight:700}.tag-pill.bareli{background:#94a3b826;border-color:#94a3b84d;color:#cbd5e1}.diff-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);letter-spacing:.4px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.diff-tag.diff-kolay,.difficulty-pill.diff-kolay,.diff-text.diff-kolay{background:#22c55e29!important;color:#22c55e!important;border:1px solid rgba(34,197,94,.4)!important;box-shadow:0 0 10px #22c55e26}.diff-tag.diff-orta,.difficulty-pill.diff-orta,.diff-text.diff-orta{background:#eab30829!important;color:#eab308!important;border:1px solid rgba(234,179,8,.4)!important;box-shadow:0 0 10px #eab30826}.diff-tag.diff-zor,.diff-tag.diff-ileri,.diff-tag.diff-i̇leri,.difficulty-pill.diff-zor,.difficulty-pill.diff-ileri,.difficulty-pill.diff-i̇leri,.diff-text.diff-zor,.diff-text.diff-ileri{background:#ef444429!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.4)!important;box-shadow:0 0 10px #ef444426}.song-pagination-controls{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:20px}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:14px}.pagination-info strong{color:#fff}.pagination-progress-track{width:240px;height:5px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.pagination-progress-fill{height:100%;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width .3s ease}.pagination-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;width:100%}.btn-load-step,.btn-load-all{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .25s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.btn-load-step:hover{background:#a855f72e;border-color:var(--purple-400);transform:translateY(-1px)}.btn-load-all:hover{background:#f43f5e2e;border-color:var(--crimson-400);transform:translateY(-1px)}.directory-secondary-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.filter-select-wrapper{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:6px 12px}.directory-select{background:transparent;border:none;color:#fff;font-size:13px;font-weight:600;outline:none;cursor:pointer}.directory-select option{background:#190a26;color:#fff}.song-badges-left{display:flex;align-items:center;gap:6px}.song-views-hint{font-size:12px;color:var(--text-muted)}.playlists-section{margin-bottom:70px}.playlists-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.playlist-card{padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.playlist-header{display:flex;align-items:center;justify-content:space-between}.playlist-badge-group{display:flex;align-items:center;gap:8px}.playlist-category{font-size:12px;color:var(--text-muted);font-weight:600}.song-count-pill{font-size:12px;font-weight:700;color:var(--purple-400);background:#a855f726;padding:4px 10px;border-radius:var(--radius-full)}.playlist-title{font-size:22px;font-weight:800}.playlist-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.popular-samples{font-size:12px}.sample-label{color:var(--text-muted);display:block;margin-bottom:6px}.sample-tags{display:flex;flex-wrap:wrap;gap:6px}.sample-tag{background:#ffffff0d;padding:2px 8px;border-radius:4px;color:var(--text-secondary)}.playlist-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.playlist-diff{font-size:13px;font-weight:600;color:var(--crimson-400)}.artists-section{margin-bottom:80px}.artists-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.artist-card{padding:22px;display:flex;align-items:center;gap:16px;cursor:pointer;position:relative}.artist-avatar-wrapper{position:relative}.artist-avatar{width:52px;height:52px;border-radius:16px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;box-shadow:0 0 15px #f43f5e4d}.artist-badge{position:absolute;bottom:-4px;right:-4px;background:#12081d;border:1px solid var(--purple-500);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--purple-400)}.artist-info{flex:1}.artist-name{font-size:17px;font-weight:800}.artist-genre{font-size:12px;color:var(--text-muted)}.artist-stats{font-size:12px;font-weight:700;color:var(--crimson-400);margin-top:2px}.artist-top-song{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-top:4px}.artist-card-arrow{color:var(--text-muted);transition:transform .2s ease,color .2s ease}.artist-card:hover .artist-card-arrow{transform:translate(4px);color:var(--purple-400)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#050208d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid rgba(244,63,94,.35);box-shadow:0 20px 60px #000c,0 0 40px #a855f740}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.08);border-top-left-radius:16px;border-top-right-radius:16px}.header-info{display:flex;align-items:center;gap:14px}.modal-title{font-size:24px;font-weight:800}.modal-artist{font-size:14px;color:var(--text-muted)}.modal-header-actions{display:flex;align-items:center;gap:10px}.fav-btn-lg{width:40px;height:40px;border-radius:10px;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.close-modal-btn{width:40px;height:40px;border-radius:10px;background:#ffffff0f;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{color:#fff;background:#f43f5e33}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;min-height:60px;box-sizing:border-box;background:#0c0514f0;border-bottom:1px solid rgba(255,255,255,.07);gap:16px}.modal-toolbar-pill{display:flex;align-items:center;gap:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);padding:6px 14px;border-radius:10px;box-shadow:0 2px 10px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.modal-toolbar-pill:hover{background:#ffffff0d;border-color:#ffffff1f}.modal-toolbar-pill.modal-transpose-group{border-color:#f43f5e38}.modal-toolbar-pill.modal-transpose-group:hover{border-color:#f43f5e59;box-shadow:0 4px 14px #f43f5e26}.modal-toolbar-pill.modal-rhythm-group{border-color:#a855f738}.modal-toolbar-pill.modal-rhythm-group:hover{border-color:#a855f759;box-shadow:0 4px 14px #a855f726}.toolbar-segment{display:flex;align-items:center;gap:9px;font-size:13.5px;white-space:nowrap}.toolbar-divider{width:1px;height:20px;background:#ffffff1f;margin:0 2px}.toolbar-label{color:var(--text-muted);font-weight:600;font-size:13px;white-space:nowrap}.transpose-btn-group{display:flex;align-items:center;gap:6px}.transpose-btn{width:28px;height:28px;border-radius:6px;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border:1px solid rgba(255,255,255,.05)}.transpose-btn:hover{background:var(--crimson-500);border-color:var(--crimson-400);transform:translateY(-1px)}.transpose-value{font-family:var(--font-mono);font-weight:800;font-size:14.5px;min-width:28px;text-align:center}.transpose-value.modified{color:var(--crimson-400);text-shadow:0 0 10px rgba(244,63,94,.4)}.reset-transpose-btn{display:inline-flex;align-items:center;gap:4px;background:#f43f5e26;border:1px solid rgba(244,63,94,.3);color:#ff94a8;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;margin-left:2px}.reset-transpose-btn:hover{background:#f43f5e4d;color:#fff;border-color:var(--crimson-500)}.key-badge-highlight{font-family:var(--font-mono);font-weight:800;font-size:14px;color:#ff708d;background:#f43f5e2e;padding:3px 10px;border-radius:6px;border:1px solid rgba(244,63,94,.4);letter-spacing:.5px}.rhythm-badge{font-family:var(--font-mono);font-weight:600;font-size:12.5px;color:#e9d5ff;background:#a855f72e;padding:4px 12px;border-radius:6px;border:1px solid rgba(168,85,247,.32);white-space:nowrap}.modal-body{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:24px 28px;overflow-y:auto;flex:1}.chords-sidebar{position:sticky;top:0;align-self:start;z-index:50;padding:20px;display:flex;flex-direction:column;gap:16px}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:15px}.sidebar-chords-grid{position:relative;z-index:60;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sidebar-chord-card{position:relative;background:#ffffff0a;border:1px solid rgba(244,63,94,.2);border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.sidebar-chord-card:hover{background:#f43f5e14;border-color:#f43f5e73;transform:translateY(-2px);box-shadow:0 6px 18px #00000073,0 0 12px #f43f5e33}.sidebar-chord-card.active{background:#f43f5e29;border-color:#f43f5e;box-shadow:0 0 0 2px #f43f5e59,0 8px 24px #0000008c,0 0 20px #f43f5e59;z-index:200}.sidebar-chord-card.active .chord-name{color:#fff;text-shadow:0 0 12px rgba(244,63,94,.8)}.sidebar-chord-card.active .chord-mini-diagram{color:#fb7185;font-weight:700}.chord-bubble-popover{position:absolute;width:220px;background:#10091afa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(244,63,94,.55);box-shadow:0 24px 60px #000000eb,0 0 32px #f43f5e4d,inset 0 1px #ffffff26;border-radius:14px;padding:12px 14px 10px;color:#fff;z-index:99999;cursor:default;text-align:left;-webkit-user-select:none;user-select:none}.chord-bubble-popover,.chord-bubble-popover.popover-right{left:calc(100% + 14px - var(--popover-shift-x, 0px));right:auto;animation:bubblePopInRight .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes bubblePopInRight{0%{opacity:0;transform:scale(.93) translate(-8px)}to{opacity:1;transform:scale(1) translate(0)}}.chord-bubble-popover.popover-left{left:auto;right:calc(100% + 14px - var(--popover-shift-x, 0px));animation:bubblePopInLeft .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes bubblePopInLeft{0%{opacity:0;transform:scale(.93) translate(8px)}to{opacity:1;transform:scale(1) translate(0)}}.chord-bubble-popover.row-0{top:-6px}.chord-bubble-popover.row-0.popover-right{transform-origin:left 26px}.chord-bubble-popover.row-0.popover-left{transform-origin:right 26px}.chord-bubble-popover.row-0 .bubble-arrow-tip{top:26px}.chord-bubble-popover.row-1{top:-74px}.chord-bubble-popover.row-1.popover-right{transform-origin:left 94px}.chord-bubble-popover.row-1.popover-left{transform-origin:right 94px}.chord-bubble-popover.row-1 .bubble-arrow-tip{top:94px}.chord-bubble-popover.row-2{top:-142px}.chord-bubble-popover.row-2.popover-right{transform-origin:left 162px}.chord-bubble-popover.row-2.popover-left{transform-origin:right 162px}.chord-bubble-popover.row-2 .bubble-arrow-tip{top:162px}.chord-bubble-popover.row-3{top:-210px}.chord-bubble-popover.row-3.popover-right{transform-origin:left 230px}.chord-bubble-popover.row-3.popover-left{transform-origin:right 230px}.chord-bubble-popover.row-3 .bubble-arrow-tip{top:230px}.chord-bubble-popover .bubble-arrow-tip{position:absolute;width:14px;height:14px;background:#10091a;transform:rotate(45deg);z-index:100000}.chord-bubble-popover .bubble-arrow-tip,.chord-bubble-popover.popover-right .bubble-arrow-tip{left:-7px;right:auto;border-left:1.5px solid rgba(244,63,94,.55);border-bottom:1.5px solid rgba(244,63,94,.55);border-right:none;border-top:none}.chord-bubble-popover.popover-left .bubble-arrow-tip{left:auto;right:-7px;border-left:none;border-bottom:none;border-right:1.5px solid rgba(244,63,94,.55);border-top:1.5px solid rgba(244,63,94,.55)}.chord-bubble-popover.popover-bottom{top:calc(100% + 12px);left:50%;right:auto;transform:translate(-50%);animation:bubblePopInBottomDropdown .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes bubblePopInBottomDropdown{0%{opacity:0;transform:translate(-50%) scale(.93) translateY(-6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.chord-bubble-popover.popover-bottom .bubble-arrow-tip{top:-7px;left:50%;right:auto;margin-left:-7px;border-left:1.5px solid rgba(244,63,94,.55);border-top:1.5px solid rgba(244,63,94,.55);border-bottom:none;border-right:none;transform:rotate(45deg)}.chord-bubble-popover.popover-bottom.align-right{left:auto;right:-6px;transform:none;animation:bubblePopInBottomRight .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes bubblePopInBottomRight{0%{opacity:0;transform:scale(.93) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.chord-bubble-popover.popover-bottom.align-right .bubble-arrow-tip{left:auto;right:18px;margin-left:0}.chord-bubble-popover.popover-bottom.align-left{left:-6px;right:auto;transform:none;animation:bubblePopInBottomLeft .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes bubblePopInBottomLeft{0%{opacity:0;transform:scale(.93) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.chord-bubble-popover.popover-bottom.align-left .bubble-arrow-tip{left:18px;right:auto;margin-left:0}.bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.bubble-title-group{display:flex;align-items:baseline;gap:6px}.bubble-chord-name{font-family:var(--font-mono);font-size:19px;font-weight:900;color:#fb7185;line-height:1}.bubble-chord-sub{font-size:11px;color:#c084fc;font-weight:600}.bubble-actions{display:flex;align-items:center;gap:6px}.bubble-audio-btn{background:#f43f5e26;border:1px solid rgba(244,63,94,.35);color:#fb7185;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bubble-audio-btn:hover{background:#f43f5e;color:#fff;transform:scale(1.06)}.bubble-audio-btn.playing{background:#f43f5e;color:#fff;animation:pulse .8s ease infinite}.bubble-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bubble-close-btn:hover{background:#ffffff26;color:#fff}.bubble-fretboard-wrap{display:flex;justify-content:center;align-items:center;padding:2px 0}.bubble-fretboard-svg{width:100%;height:auto;max-width:190px;overflow:visible;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.bubble-footer{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.bubble-placements-list{display:flex;flex-direction:column;gap:2px}.bubble-placement-item{font-size:10px;color:#94a3b8;line-height:1.3}.bubble-play-full-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 10px;background:linear-gradient(135deg,#f43f5e33,#a855f733);border:1px solid rgba(244,63,94,.4);border-radius:8px;color:#fca5a5;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.bubble-play-full-btn:hover{background:linear-gradient(135deg,#f43f5e,#a855f7);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e66}.bubble-empty{padding:16px 8px;text-align:center;font-size:12px;color:var(--text-muted)}.chord-name{font-family:var(--font-mono);font-weight:900;font-size:18px;color:var(--crimson-400)}.chord-mini-diagram{font-size:10px;color:var(--text-muted);margin-top:2px}.song-meta-box{font-size:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.lyrics-content-area{position:relative;z-index:10;padding:24px;display:flex;flex-direction:column;overflow:visible}.lyrics-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.copy-btn{display:flex;align-items:center;gap:6px;background:#ffffff0f;padding:6px 12px;border-radius:6px;color:var(--text-primary);font-size:12px}.copy-btn:hover{background:#a855f733}.lyrics-sheet{font-family:var(--font-mono);font-size:var(--custom-font-size, 15px);color:var(--text-secondary);overflow-x:auto;padding:10px 4px;-webkit-user-select:text;user-select:text;flex-shrink:0}.lyric-line-row,.detail-lyric-row{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;line-height:1}.lyric-line.empty-line,.detail-lyric-line.empty-line{height:20px}.chord-segment,.detail-chord-segment{display:inline-flex!important;flex-direction:column!important;justify-content:flex-end!important;vertical-align:bottom!important;position:relative;min-width:max-content}.chord-segment.chord-only,.detail-chord-segment.chord-only{min-width:36px;margin-right:8px}.chord-above,.detail-chord-above{font-family:var(--font-mono)!important;font-size:calc(var(--custom-font-size, 15px) * .93)!important;font-weight:800!important;color:#ff5e7e!important;line-height:1.2;min-height:calc(var(--custom-font-size, 15px) * 1.3)!important;padding-bottom:4px;letter-spacing:.5px;text-shadow:0 0 10px rgba(244,63,94,.35);-webkit-user-select:none;user-select:none}.chord-lyric,.detail-chord-lyric{font-family:var(--font-mono)!important;font-size:var(--custom-font-size, 15px)!important;line-height:1.4;color:#f1f5f9;white-space:pre}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid rgba(255,255,255,.08);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.footer-tip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.modal-overlay-search{align-items:flex-start;padding-top:80px}.command-search-modal{width:100%;max-width:640px;background:#0d0517!important;border:1px solid rgba(168,85,247,.45);border-radius:var(--radius-lg);box-shadow:0 25px 70px #000000f2,0 0 40px #a855f738;overflow:hidden;animation:slideDownModal .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDownModal{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-search-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#11071e}.command-search-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none;font-family:inherit}.command-search-results{max-height:360px;overflow-y:auto;padding:12px}.command-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;transition:background .2s ease}.command-result-item:hover{background:#a855f726}.cmd-left{display:flex;align-items:center;gap:12px}.cmd-title{font-weight:700;font-size:15px;color:#fff}.cmd-sub{font-size:12px;color:var(--text-muted)}.cmd-right{display:flex;align-items:center;gap:8px}.cmd-chords-preview{font-family:var(--font-mono);font-size:12px;color:var(--purple-400)}.command-search-hint,.command-no-results{padding:40px;text-align:center;color:var(--text-muted)}.footer-container{background:#08030df2;border-top:1px solid rgba(244,63,94,.15);padding:60px 24px 30px}.footer-content{max-width:1320px;margin:0 auto 48px;display:grid;grid-template-columns:1.5fr 2.5fr;gap:60px}.brand-desc{color:var(--text-muted);font-size:14px;margin:16px 0 20px;max-width:380px;line-height:1.6}.brand-badges{display:flex;gap:10px;flex-wrap:wrap}.footer-pill{font-size:12px;font-weight:600;color:var(--text-secondary);background:#ffffff0d;padding:4px 12px;border-radius:var(--radius-full);display:flex;align-items:center;gap:6px}.footer-links-group{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-col h4{font-size:16px;margin-bottom:18px;color:#fff}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px;font-size:14px;color:var(--text-muted)}.footer-col a:hover{color:var(--crimson-400)}.footer-bottom{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:var(--text-muted)}.inline{display:inline}.song-detail-page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-main);z-index:2000;overflow-y:auto;display:flex;flex-direction:column}.song-detail-page-container{min-height:100vh;display:flex;flex-direction:column;max-width:1540px;width:100%;margin:0 auto;padding:16px 24px 24px}.detail-page-header{position:sticky;top:12px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;margin-bottom:20px;border-radius:var(--radius-md);background:#0d0517;border:1px solid var(--border-glass-purple);box-shadow:0 10px 30px #0009;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:16px}.btn-back-home{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back-home:hover{background:#f43f5e33;border-color:var(--crimson-500)}.btn-restore-preview{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f43f5e33,#a855f733);border:1px solid rgba(244,63,94,.45);color:#fb7185;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #f43f5e26}.btn-restore-preview:hover{background:linear-gradient(135deg,#f43f5e,#a855f7);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 18px #f43f5e73}.header-song-title-group{display:flex;align-items:center;gap:12px}.detail-song-title{font-size:20px;font-weight:800;line-height:1.2}.detail-song-subtitle{font-size:13px;color:var(--text-muted)}.header-center-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tool-pill{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px}.tool-label{color:var(--text-muted);font-size:12px}.tool-btn-group{display:flex;align-items:center;gap:6px}.tool-step-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:4px;color:#fff;transition:all .15s ease}.tool-step-btn:hover{background:#f43f5e4d}.tool-step-val{font-family:var(--font-mono);font-weight:800;font-size:13px;min-width:24px;text-align:center}.tool-step-val.modified{color:var(--crimson-400)}.tool-reset-btn{background:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.tool-reset-btn:hover{color:#fff}.header-chords-pills{display:flex;align-items:center;gap:6px}.header-chord-pill{position:relative;font-family:var(--font-mono);font-size:12px;font-weight:800;padding:4px 10px;background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#d8b4fe;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.header-chord-pill:hover{background:#f43f5e33;border-color:#f43f5e8c;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e59}.header-chord-pill.active{background:#f43f5e47;border-color:#f43f5e;color:#fff;box-shadow:0 0 0 2px #f43f5e66,0 6px 18px #f43f5e66;z-index:100}.header-right-actions{display:flex;align-items:center;gap:10px}.tool-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.tool-action-btn:hover{background:#ffffff1f;color:#fff}.tool-action-btn.active{background:#a855f740;border-color:var(--purple-500);color:#fff;box-shadow:0 0 12px #a855f74d}.font-size-adjuster{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:3px 8px;border-radius:var(--radius-sm)}.font-step-btn{font-size:12px;font-weight:800;color:var(--text-muted);cursor:pointer;padding:2px 4px}.font-step-btn:hover:not(:disabled){color:#fff}.font-step-btn:disabled{opacity:.4;cursor:not-allowed}.font-size-val{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);min-width:32px;text-align:center}.tool-fav-btn,.close-page-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tool-fav-btn:hover,.close-page-btn:hover{background:#f43f5e33;color:#fff}.tool-fav-btn.active{background:#f43f5e33}.detail-page-content{flex:1;display:flex;flex-direction:column}.fullpage-lyrics-wrapper{flex:1;padding:24px 32px;border-radius:var(--radius-md);border:1px solid var(--border-glass);font-family:var(--font-mono);-webkit-user-select:text;user-select:text}.lyrics-sheet .chord-above,.lyrics-sheet .detail-chord-above,.fullpage-lyrics-wrapper .chord-above,.fullpage-lyrics-wrapper .detail-chord-above,.mobile-chords-fullscreen .chord-above{font-size:calc(var(--custom-font-size, 15px) * .93)!important;min-height:calc(var(--custom-font-size, 15px) * 1.3)!important}.lyrics-sheet .chord-lyric,.lyrics-sheet .detail-chord-lyric,.fullpage-lyrics-wrapper .chord-lyric,.fullpage-lyrics-wrapper .detail-chord-lyric,.mobile-chords-fullscreen .chord-lyric{font-size:var(--custom-font-size, 15px)!important}.two-columns-container{display:grid;grid-template-columns:1fr 1px 1fr;gap:32px;align-items:start}.lyrics-columns-divider{width:1px;height:100%;min-height:300px;background:linear-gradient(180deg,#f43f5e4d,#a855f74d,#ffffff0a)}.lyrics-column{min-width:0;overflow-x:auto}.lyrics-single-container{max-width:800px;margin:0 auto}.btn-header-fullpage{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gradient-brand);color:#fff;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 2px 10px #f43f5e4d;transition:all .2s ease}.btn-header-fullpage:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f43f5e80}.lyrics-header-buttons{display:flex;align-items:center;gap:8px}.modal-split-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:28px;box-sizing:border-box}.modal-split-toggle-btn:hover{background:#a855f726;color:#fff;border-color:#a855f74d}.modal-split-toggle-btn.active{background:#a855f740;border-color:var(--purple-500);color:#fff;box-shadow:0 0 10px #a855f740}.modal-two-columns{display:grid;grid-template-columns:1fr 1px 1fr;gap:24px;align-items:start}.modal-column{min-width:0;overflow-x:auto}.modal-columns-divider{width:1px;height:100%;min-height:250px;background:#ffffff14}.modal-wide{max-width:1100px}.open-fullpage-footer-btn{padding:10px 18px;font-size:13px}.load-more-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:36px;position:relative}.btn-load-more{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:9999px;background:linear-gradient(135deg,#f43f5e1f,#a855f729);border:1px solid rgba(244,63,94,.35);color:#fff;cursor:pointer;box-shadow:0 10px 30px -10px #f43f5e40,0 0 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-load-more:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f43f5e38,#a855f747);border-color:#f43f5e99;box-shadow:0 14px 40px -8px #f43f5e66,0 0 20px #a855f74d}.btn-load-more-content{display:flex;align-items:center;gap:16px}.load-more-icon-glow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--crimson-500),var(--purple-600));color:#fff;box-shadow:0 0 15px #f43f5e80}.load-more-text{text-align:left}.load-more-title{display:block;font-size:15px;font-weight:700;letter-spacing:-.2px;color:#fff}.load-more-subtitle{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.load-more-arrow{color:var(--purple-400);transition:transform .2s ease}.btn-load-more:hover .load-more-arrow{transform:translate(4px);color:#fff}.btn-directory-link{display:inline-flex;align-items:center;gap:14px;padding:12px 30px;border-radius:9999px;background:linear-gradient(135deg,#f43f5e24,#a855f72e,#12081deb);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(244,63,94,.35);color:#fff;cursor:pointer;box-shadow:0 10px 30px -6px #f43f5e40,0 0 22px -2px #a855f733,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;-webkit-user-select:none;user-select:none;text-decoration:none}.btn-dir-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f43f5e52,#a855f76b);border:1px solid rgba(244,63,94,.45);color:#fff;box-shadow:0 0 14px #a855f759;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-dir-text{font-size:15px;font-weight:700;letter-spacing:-.2px;color:#fff;font-family:var(--font-display, inherit)}.btn-dir-arrow{display:flex;align-items:center;justify-content:center;color:var(--purple-400, #c084fc);transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s ease}.btn-directory-link:hover{transform:translateY(-2px) scale(1.025);background:linear-gradient(135deg,#f43f5e3d,#a855f74d,#1c0c2cf2);border-color:#f43f5ea6;box-shadow:0 14px 40px -4px #f43f5e73,0 0 30px #a855f761,inset 0 1px #ffffff47;color:#fff}.btn-directory-link:hover .btn-dir-icon-wrap{background:linear-gradient(135deg,var(--crimson-500),var(--purple-600));box-shadow:0 0 20px #f43f5eb3;transform:scale(1.08) rotate(4deg)}.btn-directory-link:hover .btn-dir-arrow{transform:translate(4px);color:#fff}.btn-directory-link:active{transform:translateY(0) scale(.98)}.artist-directory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#08030d;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(244,63,94,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(168,85,247,.12),transparent);overflow-y:auto;animation:fadeIn .25s ease-out}.artist-directory-container{max-width:1280px;margin:0 auto;padding:24px 24px 80px;min-height:100vh;display:flex;flex-direction:column;gap:24px}.directory-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-radius:var(--radius-lg);position:sticky;top:16px;z-index:50;background:#0d0517;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #000000bf;box-sizing:border-box}.directory-header-left{display:flex;align-items:center;gap:20px}.directory-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.3px}.directory-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.directory-header-actions{display:flex;align-items:center;gap:10px}.directory-search-toggle-btn{width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.directory-search-toggle-btn:hover{background:var(--gradient-brand);border-color:transparent;transform:scale(1.08);box-shadow:0 0 20px #f43f5e66}.directory-active-query-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;background:#f43f5e2e;border:1px solid rgba(244,63,94,.4);color:#fb7185;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.directory-active-query-pill:hover{background:#f43f5e47}.directory-active-query-pill .pill-clear{color:var(--text-muted);font-size:11px;margin-left:2px}.directory-active-query-pill .pill-clear:hover{color:#fff}.directory-search-expanded-bar{display:flex;align-items:center;width:100%;position:relative;animation:searchExpandFade .22s cubic-bezier(.16,1,.3,1)}@keyframes searchExpandFade{0%{opacity:0;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1)}}.directory-search-expanded-bar .search-icon{position:absolute;left:16px;pointer-events:none}.directory-search-input-active{width:100%;padding:10px 42px 10px 44px;border-radius:9999px;border:1px solid var(--purple-500);background:#ffffff14;color:#fff;font-size:14px;outline:none;box-shadow:0 0 25px #a855f740;box-sizing:border-box;transition:all .2s ease}.directory-search-input-active:focus{border-color:var(--crimson-500);box-shadow:0 0 25px #f43f5e59;background:#ffffff1a}.directory-search-expanded-bar .clear-search-btn{position:absolute;right:12px;background:#ffffff1a;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;transition:all .2s ease}.directory-search-expanded-bar .clear-search-btn:hover{color:#fff;background:#f43f5e59}.clear-search-btn:hover{color:#fff}.directory-filter-bar{padding:10px 16px;border-radius:var(--radius-md);margin-bottom:14px;display:flex;align-items:center;justify-content:flex-start;gap:12px;overflow-x:auto;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.directory-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.directory-tabs::-webkit-scrollbar{display:none}.directory-tabs .tab-btn{padding:8px 16px;font-size:13px;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.directory-tabs .tab-btn:hover{background:#a855f726;border-color:#a855f74d;color:#fff}.directory-tabs .tab-btn.active{background:var(--gradient-brand-subtle);border-color:var(--crimson-500);color:#fff;box-shadow:0 0 15px #f43f5e4d}.directory-active-filter-alert{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-radius:var(--radius-md);margin-bottom:16px;background:#f43f5e14;border:1px solid rgba(244,63,94,.25);font-size:13px;color:#f1f5f9;flex-wrap:wrap;gap:12px}.filter-alert-left{display:flex;align-items:center;gap:10px}.filter-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--crimson-400);box-shadow:0 0 10px var(--crimson-500);animation:pulseGlow 1.5s infinite;flex-shrink:0}.filter-reset-btn{padding:6px 14px;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-reset-btn:hover{background:#f43f5e40;border-color:var(--crimson-400);transform:translateY(-1px)}.empty-state-actions{display:flex;align-items:center;gap:10px;justify-content:center}.alphabet-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:var(--radius-md);gap:16px;overflow-x:auto;position:sticky;top:124px;z-index:40;background:#0f071a;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #0009}.alphabet-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.alphabet-letters{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.alphabet-letter-btn{min-width:28px;height:28px;padding:0 6px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.alphabet-letter-btn.active{color:#fff;background:#ffffff0f}.alphabet-letter-btn.active:hover{background:linear-gradient(135deg,var(--crimson-500),var(--purple-600));color:#fff;transform:scale(1.15)}.alphabet-letter-btn.disabled{color:#ffffff26;cursor:default}.alphabet-tools{display:flex;align-items:center;gap:8px;white-space:nowrap}.expand-toggle-btn{background:transparent;border:none;color:var(--purple-400);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.expand-toggle-btn:hover{background:#a855f726;color:#fff}.directory-content{display:flex;flex-direction:column;gap:32px;margin-top:8px}.letter-section{display:flex;flex-direction:column;gap:16px;scroll-margin-top:190px}.letter-section-header{display:flex;align-items:center;gap:12px}.letter-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--crimson-500),var(--purple-600));color:#fff;font-size:18px;font-weight:800;box-shadow:0 4px 12px #f43f5e4d}.letter-count{font-size:13px;font-weight:600;color:var(--text-muted)}.artists-accordion-list{display:flex;flex-direction:column;gap:12px}.artist-accordion-card{border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:#ffffff05;transition:all .25s ease;overflow:hidden}.artist-accordion-card:hover{border-color:#a855f74d;background:#ffffff09}.artist-accordion-card.expanded{border-color:#f43f5e59;background:#120a1c80;box-shadow:0 8px 30px -8px #00000080}.artist-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.artist-accordion-header:hover{background:#ffffff05}.artist-header-left{display:flex;align-items:center;gap:14px}.artist-directory-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f43f5e33,#a855f74d);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff}.artist-directory-name{font-size:16px;font-weight:700;color:#fff}.artist-directory-genre{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.artist-header-right{display:flex;align-items:center;gap:16px}.song-badge-pill{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:600;color:var(--text-secondary)}.expand-icon-wrapper{color:var(--purple-400);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.artist-songs-container{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.05);animation:slideDown .25s ease-out}.artist-songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:16px}.directory-song-card{padding:14px 16px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.directory-song-card:hover{transform:translateY(-2px);background:#a855f714;border-color:#a855f766;box-shadow:0 8px 20px -6px #a855f733}.song-card-top{display:flex;align-items:center;justify-content:space-between}.song-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.song-card-title-row .song-title{font-size:15px;font-weight:700;color:#fff}.song-action-hint{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--crimson-400);opacity:.8;transition:opacity .2s ease;white-space:nowrap}.directory-song-card:hover .song-action-hint{opacity:1;color:#fff}.song-chords-row{display:flex;flex-wrap:wrap;gap:6px}.song-card-bottom-info,.song-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);gap:12px}.song-rhythm-hint,.song-rhythm-info{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-diff-hint,.song-difficulty-info{font-size:11px;font-weight:700;color:#fda4af;background:#f43f5e26;border:1px solid rgba(244,63,94,.35);padding:3px 10px;border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.4px;box-shadow:0 0 10px #f43f5e26;white-space:nowrap;margin-left:auto}.directory-empty-state{text-align:center;padding:60px 24px;border-radius:var(--radius-lg);color:var(--text-muted)}@media(max-width:1024px){.hero-stats-grid,.songs-grid,.playlists-grid,.artists-grid{grid-template-columns:repeat(2,1fr)}.random-card,.modal-body{grid-template-columns:1fr}.chord-bubble-popover{position:fixed!important;top:50%!important;left:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:250px!important;max-width:90vw!important;box-shadow:0 20px 60px #000000f2,0 0 35px #f43f5e66!important;animation:none!important}.chord-bubble-popover .bubble-arrow-tip{display:none!important}.footer-content{grid-template-columns:1fr;gap:40px}.directory-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;background:#0d0517!important}.directory-search-wrapper{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.alphabet-nav-bar{top:180px}.letter-section{scroll-margin-top:250px}}@media(max-width:768px){.modal-overlay-search{align-items:flex-start!important;padding:10px!important;padding-top:max(16px,env(safe-area-inset-top,16px))!important}.command-search-modal{max-height:84vh!important;border-radius:var(--radius-md)!important}.command-search-header{padding:12px 14px!important;gap:10px!important}.command-search-input{font-size:15px!important}.hero-section{padding:24px 12px;overflow:hidden}.spotlight-target-wrapper{margin:8px auto 16px;padding:6px 10px;width:100%}.hero-title{font-size:26px;line-height:1.3;text-align:center;width:100%;margin:0 auto;gap:6px}.hero-title .spotlight-lit-text{display:block;text-align:center;width:100%;margin:0 auto}.hero-search-box{margin-bottom:20px}.search-input-wrapper{padding:6px 8px 6px 14px;border-radius:var(--radius-md)}.hero-search-input{font-size:14px}.search-action-btn{padding:8px 14px;font-size:13px}.hero-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px;margin-top:16px}.stat-card{padding:12px 14px;gap:10px}.stat-icon-wrapper{width:38px;height:38px;border-radius:10px}.stat-value{font-size:17px}.stat-label{font-size:11px}.main-content{padding:80px 14px 60px;box-sizing:border-box;width:100%;overflow-x:hidden}.random-song-section{margin-bottom:40px;width:100%}.random-card{grid-template-columns:1fr;padding:20px 14px;gap:20px;border-radius:var(--radius-md);box-sizing:border-box;width:100%}.random-left{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}.random-title{font-size:22px;line-height:1.25;margin-bottom:8px}.random-desc{font-size:13px;margin-bottom:16px;line-height:1.4}.spin-btn{width:100%;justify-content:center;padding:12px 18px;font-size:14px}.random-right{width:100%;min-width:0}.random-result-card{padding:16px 14px;gap:12px;width:100%;min-width:0;box-sizing:border-box;margin:0}.random-song-title{font-size:19px;line-height:1.25;word-break:break-word;overflow-wrap:break-word}.random-song-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;min-width:0}.meta-chip{font-size:12px;gap:4px}.inspect-random-btn{width:100%;justify-content:center;padding:12px;font-size:14px}.songs-grid,.playlists-grid,.artists-grid{grid-template-columns:1fr;gap:14px}.song-card{padding:16px 14px;gap:12px;min-width:0;box-sizing:border-box;width:100%}.song-card-title{font-size:18px;word-break:break-word;overflow-wrap:break-word}.tabs-container{gap:8px;margin-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{padding:8px 16px;font-size:13px}.footer-links-group{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.artist-directory-container{padding:12px 12px 60px;gap:14px}.navbar-search-btn{display:flex}.directory-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;top:8px!important;border-radius:var(--radius-md)!important;gap:10px!important;background:#0d0517!important;box-sizing:border-box!important;width:100%!important}.directory-header.search-active{padding:8px 10px!important}.directory-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;box-sizing:border-box!important}.directory-header-left .btn-back-home{padding:7px 10px;flex-shrink:0}.directory-header-left .btn-back-home span{display:none}.directory-title-group{min-width:0!important;flex:1!important;overflow:hidden!important}.directory-title{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.directory-subtitle{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.directory-search-toggle-btn{width:36px;height:36px}.directory-search-input-active{padding:8px 36px 8px 38px!important;font-size:13px!important}.directory-filter-bar{padding:8px 12px;gap:10px;margin-bottom:10px;flex-direction:column;align-items:stretch}.directory-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.directory-tabs .tab-btn{padding:6px 12px;font-size:12px}.directory-secondary-filters{display:flex;align-items:center;gap:8px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.directory-select{padding:6px 10px;font-size:12px}.alphabet-nav-bar{padding:8px 12px;gap:8px;top:72px!important;border-radius:var(--radius-md);justify-content:flex-start}.alphabet-label{display:none}.alphabet-letters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0;gap:4px;flex:1}.alphabet-letters::-webkit-scrollbar{display:none}.alphabet-letter-btn{min-width:30px;height:30px;font-size:13px;flex-shrink:0}.alphabet-tools{gap:4px;flex-shrink:0}.expand-toggle-btn{font-size:11px;padding:4px 6px}.letter-section{scroll-margin-top:130px}.artist-accordion-header{padding:12px 14px}.artist-directory-avatar{width:38px;height:38px;font-size:13px;border-radius:10px}.artist-directory-name{font-size:15px}.artist-songs-container{padding:0 12px 14px}.artist-songs-grid{grid-template-columns:1fr;gap:10px}.song-detail-page-container{padding:10px 8px 50px;gap:12px}.detail-page-header{top:8px;padding:10px 12px;margin-bottom:12px;gap:10px}.header-left{width:100%;justify-content:space-between;gap:10px}.detail-song-title{font-size:16px}.detail-song-subtitle{font-size:11px}.header-center-tools{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0;gap:8px}.header-center-tools::-webkit-scrollbar{display:none}.tool-pill{padding:5px 8px;font-size:12px;flex-shrink:0}.header-right-actions{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05)}.two-columns-container{grid-template-columns:1fr!important;gap:16px!important}.lyrics-columns-divider{display:none!important}.fullpage-lyrics-wrapper{padding:14px 12px;font-size:13.5px}.modal-overlay{padding:8px}.modal-container{max-height:94vh;border-radius:var(--radius-md)}.modal-header{padding:12px 14px}.modal-title{font-size:18px}.modal-toolbar{padding:10px 14px;min-height:52px;box-sizing:border-box;gap:10px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;justify-content:flex-start}.modal-toolbar::-webkit-scrollbar{display:none}.modal-toolbar .modal-toolbar-pill{padding:5px 10px;gap:8px;flex-shrink:0}.modal-toolbar .toolbar-segment{gap:6px;font-size:12.5px}.modal-toolbar .toolbar-label{font-size:12px;white-space:nowrap}.modal-toolbar .transpose-btn{width:26px;height:26px}.modal-toolbar .transpose-value{font-size:13px;min-width:24px}.modal-toolbar .key-badge-highlight{font-size:12.5px;padding:2px 8px;line-height:1.2}.modal-toolbar .rhythm-badge{font-size:12px;padding:3px 8px;line-height:1.2}.lyrics-header{flex-wrap:wrap;gap:10px;align-items:center}.lyrics-header-left{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.lyrics-header-buttons{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}.modal-body{padding:14px 12px;gap:14px;grid-template-columns:1fr}.chords-sidebar{padding:12px}.perdex-toast{bottom:20px;right:14px;left:14px;min-width:0;max-width:none}.auth-modal-card{padding:24px 18px;border-radius:var(--radius-md)}}@media(max-width:480px){.hero-title{font-size:22px;line-height:1.35;text-align:center}.search-action-btn span{display:none}.search-action-btn{padding:8px 12px}.hero-stats-grid{gap:8px}.stat-card{padding:10px;gap:8px}.stat-value{font-size:15px}.stat-label{font-size:10px}.modal-toolbar{padding:8px 12px;min-height:48px;gap:10px}.modal-toolbar .toolbar-item{gap:6px;font-size:12.5px}.modal-toolbar .toolbar-label{font-size:11.5px}}.nav-link-learn{color:#fca5a5!important;background:#f43f5e1a!important;border:1px solid rgba(244,63,94,.28)!important;border-radius:var(--radius-md);padding:8px 14px;font-weight:700!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.nav-link-learn:hover{background:#f43f5e38!important;color:#fff!important;border-color:#f43f5e99!important;box-shadow:0 0 18px #f43f5e59!important;transform:translateY(-1.5px)}.chord-learning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#08030d;background-image:radial-gradient(circle 800px at 20% 0%,rgba(244,63,94,.14),transparent),radial-gradient(circle 700px at 80% 30%,rgba(168,85,247,.12),transparent),radial-gradient(circle 900px at 50% 90%,rgba(56,189,248,.08),transparent);overflow-y:auto;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.chord-learning-container{max-width:1280px;margin:0 auto;padding:24px 24px 80px;min-height:100vh;display:flex;flex-direction:column;gap:20px}.chord-learning-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-radius:var(--radius-lg);position:sticky;top:16px;z-index:50;background:#0d0517;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006}.chord-header-left{display:flex;align-items:center;gap:16px}.btn-back-square{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-back-square:hover{background:#f43f5e2e;border-color:#f43f5e66;color:#fff;transform:translate(-2px)}.chord-header-title-group{display:flex;flex-direction:column;gap:2px}.chord-title-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--crimson-400)}.chord-main-title{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}.chord-search-wrapper{position:relative;flex:1;max-width:380px}.chord-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.chord-search-input{width:100%;padding:10px 36px 10px 40px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:#fff;font-size:14px;outline:none;transition:all .2s ease}.chord-search-input:focus{border-color:var(--crimson-500);background:#0000008c;box-shadow:0 0 15px #f43f5e40}.chord-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.btn-close-learning{padding:9px 18px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-learning:hover{background:#f43f5e33;border-color:#f43f5e66;color:#fff}.chord-filter-section{display:flex;flex-direction:column;gap:16px;padding:18px 22px;border-radius:var(--radius-md)}.chord-category-tabs{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:4px}.chord-cat-btn{padding:8px 18px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.chord-cat-btn:hover{background:#ffffff17;color:#fff;border-color:#ffffff29}.chord-cat-btn.active{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:0 4px 15px #f43f5e59}.chord-root-bar{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.root-bar-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.root-pills-list{display:flex;align-items:center;gap:6px;overflow-x:auto}.root-pill{min-width:34px;height:30px;padding:0 10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.root-pill:hover{background:#ffffff17;color:#fff}.root-pill.active{background:#a855f740;border-color:var(--purple-500);color:#fff;box-shadow:0 0 12px #a855f74d}.chord-selector-slider{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);position:relative}.chord-slider-nav{flex-shrink:0}.slider-nav-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.slider-nav-btn:hover{background:#f43f5e33;border-color:var(--crimson-500);color:#fff}.chord-pills-scrollable{display:flex;align-items:center;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:6px 4px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(244,63,94,.4) transparent}.chord-pills-scrollable::-webkit-scrollbar{height:6px}.chord-pills-scrollable::-webkit-scrollbar-track{background:#ffffff0a;border-radius:9999px}.chord-pills-scrollable::-webkit-scrollbar-thumb{background:#f43f5e59;border-radius:9999px}.chord-pills-scrollable::-webkit-scrollbar-thumb:hover{background:#f43f5ea6}.chord-select-card{flex-shrink:0;min-width:90px;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:3px;cursor:pointer;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.chord-select-card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}.chord-select-card.selected{background:linear-gradient(135deg,#f43f5e38,#a855f72e);border-color:var(--crimson-500);box-shadow:0 4px 20px #f43f5e40;transform:translateY(-2px) scale(1.03)}.chord-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.chord-card-name{font-size:16px;font-weight:800;color:#fff}.card-barre-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#f43f5e40;color:#fb7185}.chord-card-sub{font-size:11px;color:var(--text-muted)}.chord-empty-message{padding:12px;font-size:13px;color:var(--text-muted)}.chord-main-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.chord-visualizer-panel{display:flex;flex-direction:column;gap:20px;padding:26px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08)}.visualizer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.chord-info-badge{display:flex;align-items:center;gap:18px}.big-chord-name{font-size:46px;font-weight:900;line-height:1;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(244,63,94,.4))}.chord-title-details{display:flex;flex-direction:column;gap:6px}.big-turkish-name{font-size:18px;font-weight:700;color:#fff}.chord-meta-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chord-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff0f;color:var(--text-secondary)}.tag-bareless{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.tag-barre{background:#f43f5e2e;color:#fb7185;border:1px solid rgba(244,63,94,.35)}.tag-root{background:#a855f726;color:#c084fc}.tag-fret{background:#38bdf826;color:#38bdf8}.fretboard-toggles{display:flex;align-items:center;gap:8px}.toggle-pill-btn{padding:6px 12px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-pill-btn:hover{background:#ffffff1a;color:#fff}.toggle-pill-btn.active{background:#a855f733;border-color:var(--purple-500);color:#fff}.fretboard-canvas-area{display:flex;justify-content:center;align-items:center;padding:10px 0}.guitar-fretboard-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px}.fretboard-svg{width:100%;height:auto;filter:drop-shadow(0 12px 28px rgba(0,0,0,.6))}.fretboard-hint{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--text-muted)}.chord-audio-controls{display:flex;align-items:center;gap:14px}.btn-strum{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:var(--radius-md);background:var(--gradient-brand);border:none;color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #f43f5e59;transition:all .25s ease}.btn-strum:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f43f5e80}.btn-strum.playing{animation:pulseButton .4s ease infinite alternate}.btn-arpeggio{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:var(--radius-md);background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-arpeggio:hover{background:#a855f740;border-color:var(--purple-500);transform:translateY(-2px)}.btn-arpeggio.playing{animation:pulseButton .4s ease infinite alternate}@keyframes pulseButton{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.02);filter:brightness(1.2)}}.chord-details-panel{display:flex;flex-direction:column;gap:20px}.chord-instruction-card,.chord-tips-card{padding:24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px}.panel-card-title{display:flex;align-items:center;gap:10px}.panel-card-title h3{font-size:17px;font-weight:800;color:#fff}.string-breakdown-list{display:flex;flex-direction:column;gap:8px}.string-breakdown-item{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;align-items:center;padding:10px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .15s ease}.string-breakdown-item:hover{background:#ffffff0f;border-color:#ffffff1f}.string-breakdown-item.root-string{background:#f43f5e14;border-color:#f43f5e4d}.str-info-col{display:flex;align-items:center;gap:8px}.str-num{font-size:13px;font-weight:700;color:#fff}.str-name-sub{font-size:12px;color:var(--text-muted)}.root-star-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--crimson-500);color:#fff}.str-fret-col{font-size:13px}.fret-status-muted{color:#ef4444;font-weight:700}.fret-status-open{color:#10b981;font-weight:700}.fret-status-pressed strong{color:#38bdf8;font-size:15px}.finger-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid}.finger-badge-empty{font-size:11px;color:var(--text-muted)}.finger-badge-muted{font-size:11px;color:#ef4444}.str-note-col{text-align:right;font-size:13px;font-weight:800;color:#cbd5e1}.finger-legend-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--text-muted)}.legend-title{font-weight:700;color:#fff}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:50%}.chord-tip-text{font-size:14px;line-height:1.6;color:var(--text-secondary);background:#a855f712;border-left:3px solid var(--purple-500);padding:14px 18px;border-radius:0 10px 10px 0}.chord-quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fact-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.fact-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.fact-value{font-size:13px;font-weight:700;color:#fff}.chord-songs-section{display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:var(--radius-lg)}.section-title-row{display:flex;align-items:center;justify-content:space-between}.section-title-group{display:flex;align-items:flex-start;gap:14px}.section-heading{font-size:18px;font-weight:800;color:#fff}.highlight-chord{color:var(--crimson-400)}.section-subtext{font-size:13px;color:var(--text-muted);margin-top:2px}.chord-songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.chord-song-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.chord-song-card:hover{background:#f43f5e1f;border-color:#f43f5e59;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cs-left{display:flex;align-items:center;gap:12px}.cs-key-badge{font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;background:#a855f733;border:1px solid rgba(168,85,247,.35);color:#c084fc}.cs-meta{display:flex;flex-direction:column}.cs-title{font-size:14px;font-weight:700;color:#fff}.cs-artist{font-size:12px;color:var(--text-muted)}.cs-right{display:flex;align-items:center;gap:10px}.cs-chords-list{font-size:11px;color:var(--text-muted)}.cs-arrow-icon{color:var(--text-dim);transition:color .2s ease,transform .2s ease}.chord-song-card:hover .cs-arrow-icon{color:var(--crimson-400);transform:translate(2px)}.chord-no-songs{padding:16px;font-size:13px;color:var(--text-muted)}@media(max-width:960px){.chord-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.chord-learning-header{flex-direction:column;align-items:stretch;gap:14px}.chord-search-wrapper{max-width:100%}.chord-audio-controls{flex-direction:column}.chord-songs-grid{grid-template-columns:1fr}}.artist-dropdown-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;margin:8px 10px 12px;border-radius:12px;background:linear-gradient(135deg,#f43f5e2e,#a855f729);border:1px solid rgba(244,63,94,.4);box-shadow:0 4px 18px #f43f5e33;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.artist-dropdown-banner:hover{background:linear-gradient(135deg,#f43f5e47,#a855f740);border-color:#f43f5eb3;box-shadow:0 6px 24px #f43f5e59;transform:translateY(-1.5px)}.adb-left{display:flex;align-items:center;gap:12px}.adb-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;box-shadow:0 2px 10px #f43f5e66;flex-shrink:0}.adb-info{display:flex;flex-direction:column;gap:2px}.adb-title{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.adb-sub{font-size:12px;color:var(--text-secondary)}.adb-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);background:#f43f5e40;border:1px solid rgba(244,63,94,.5);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.command-artist-item{background:#f43f5e1f!important;border:1px solid rgba(244,63,94,.35)!important;border-radius:12px!important;margin-bottom:8px!important}.command-artist-item:hover{background:#f43f5e38!important;border-color:#f43f5e99!important}.cmd-artist-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}.tag-artist-open{background:#f43f5e40!important;color:#fb7185!important;border:1px solid rgba(244,63,94,.45)!important;font-weight:700}.artist-songs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#08030d;background-image:radial-gradient(circle 800px at 15% 0%,rgba(244,63,94,.16),transparent),radial-gradient(circle 750px at 85% 25%,rgba(168,85,247,.15),transparent),radial-gradient(circle 850px at 50% 95%,rgba(56,189,248,.08),transparent);overflow-y:auto;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.artist-songs-container{max-width:1280px;margin:0 auto;padding:24px 24px 80px;min-height:100vh;display:flex;flex-direction:column;gap:20px}.artist-songs-top-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-radius:var(--radius-lg);position:sticky;top:16px;z-index:50;background:#0d0517;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006}.top-header-left{display:flex;align-items:center;gap:16px}.top-header-meta{display:flex;flex-direction:column;gap:2px}.top-header-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--crimson-400)}.top-header-artist-name{font-size:20px;font-weight:800;color:#fff}.top-header-search{position:relative;flex:1;max-width:380px}.artist-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.artist-search-input{width:100%;padding:10px 36px 10px 40px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:#fff;font-size:14px;outline:none;transition:all .2s ease}.artist-search-input:focus{border-color:var(--crimson-500);background:#0000008c;box-shadow:0 0 15px #f43f5e40}.artist-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.btn-close-artist-page{padding:9px 18px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-artist-page:hover{background:#f43f5e33;border-color:#f43f5e66;color:#fff}.artist-hero-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 36px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#180b24d9,#12081df2);position:relative;overflow:hidden}.artist-hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:350px;height:350px;background:radial-gradient(circle,rgba(244,63,94,.18),transparent 70%);pointer-events:none}.artist-hero-left{display:flex;align-items:center;gap:24px}.artist-big-avatar{width:90px;height:90px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;box-shadow:0 8px 30px #f43f5e73;border:3px solid rgba(255,255,255,.2);flex-shrink:0}.artist-hero-details{display:flex;flex-direction:column;gap:6px}.artist-genre-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);background:#a855f72e;border:1px solid rgba(168,85,247,.35);color:#c084fc;width:fit-content}.artist-title-large{font-size:36px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.15}.artist-hero-desc{font-size:14px;color:var(--text-secondary);max-width:540px;line-height:1.5}.artist-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex-shrink:0}.artist-stat-box{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);min-width:170px}.stat-number{font-size:17px;font-weight:800;color:#fff;display:block}.stat-text{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.truncate-text{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-chords-box{grid-column:span 2}.artist-chords-pills{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hero-mini-chord{font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px;background:#a855f740;border:1px solid rgba(168,85,247,.45);color:#fff}.artist-toolbar-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-radius:var(--radius-md);flex-wrap:wrap}.artist-tabs-group{display:flex;align-items:center;gap:8px;overflow-x:auto}.artist-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.artist-tab-btn:hover{background:#ffffff17;color:#fff}.artist-tab-btn.active{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:0 4px 14px #f43f5e59}.tab-count-badge{font-size:11px;font-weight:800;padding:1px 6px;border-radius:10px;background:#0000004d}.artist-sort-group{display:flex;align-items:center;gap:8px}.sort-label{font-size:12px;color:var(--text-muted);font-weight:600}.artist-sort-select{padding:8px 36px 8px 14px;border-radius:var(--radius-full);background:#00000073 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13px;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.artist-sort-select:hover,.artist-sort-select:focus{border-color:#f43f5e66;box-shadow:0 0 15px #f43f5e26;background-color:#ffffff0f}.artist-sort-select option{background:#140822;color:#fff;padding:10px}.artist-mobile-filter-container{display:none;position:relative;width:100%}.artist-mobile-filter-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:all .2s ease}.artist-mobile-filter-btn:hover{background:#ffffff14;border-color:#f43f5e4d}.artist-mobile-filter-btn.has-active-filter{background:#f43f5e1f;border-color:#f43f5e66;box-shadow:0 0 16px #f43f5e33}.mobile-filter-btn-left{display:flex;align-items:center;gap:8px;font-size:13.5px}.mobile-filter-icon{color:var(--crimson-400);flex-shrink:0}.mobile-filter-btn-label{font-weight:700;color:#fff}.mobile-filter-active-name{color:var(--purple-400);font-weight:600}.mobile-filter-chevron{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.mobile-filter-chevron.open{transform:rotate(180deg)}.mobile-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .15s ease-out}.mobile-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#12081cfa;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);box-shadow:0 16px 40px #000c,0 0 25px #a855f733;z-index:10001;overflow:hidden;animation:filterSlideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-filter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-filter-header-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}.mobile-filter-close-btn{background:#ffffff0f;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.mobile-filter-close-btn:hover{background:#f43f5e33;color:#fff}.mobile-filter-options{display:flex;flex-direction:column;padding:6px;gap:4px}.mobile-filter-option-item{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;width:100%;transition:all .15s ease}.mobile-filter-option-item:hover{background:#ffffff0f;color:#fff}.mobile-filter-option-item.active{background:#f43f5e26;border-color:#f43f5e59;color:#fff}.mobile-filter-opt-left{display:flex;align-items:center;gap:10px}.mobile-filter-opt-icon{display:flex;align-items:center;justify-content:center}.mobile-filter-opt-icon.selected{color:var(--crimson-400)}.mobile-filter-opt-right{display:flex;align-items:center;gap:8px}.artist-discography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.artist-discography-card{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.artist-discography-card:hover{background:#f43f5e14;border-color:#f43f5e59;box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.ad-card-header{display:flex;align-items:center;justify-content:space-between}.ad-card-key-wrapper{display:flex;align-items:center;gap:8px}.ad-key-badge{font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px;background:#a855f733;border:1px solid rgba(168,85,247,.35);color:#c084fc}.btn-fav-round{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-fav-round:hover{background:#f43f5e33;color:#fb7185}.btn-fav-round.active{background:#f43f5e33;border-color:#f43f5e80;color:#f43f5e}.ad-card-body{display:flex;flex-direction:column;gap:2px}.ad-song-title{font-size:16px;font-weight:700;color:#fff;line-height:1.3}.ad-song-artist{font-size:13px;color:var(--text-muted)}.ad-card-chords-preview{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ad-chord-pill{font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.ad-chord-more{font-size:11px;color:var(--text-muted)}.ad-card-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:12px}.ad-views-info{display:none!important}.ad-action-link{display:flex;align-items:center;gap:5px;color:var(--crimson-400);font-weight:700;transition:transform .2s ease}.artist-discography-card:hover .ad-action-link{transform:translate(3px)}.artist-no-songs{padding:48px 24px;border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.artist-no-songs h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}.artist-no-songs p{font-size:14px;color:var(--text-muted);margin-bottom:16px}.btn-reset-filters{padding:9px 18px;border-radius:var(--radius-full);background:var(--gradient-brand);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer}@media(max-width:960px){.artist-hero-banner{flex-direction:column;align-items:flex-start;padding:24px}.artist-hero-stats{width:100%;grid-template-columns:repeat(2,1fr)}.top-chords-box{grid-column:span 2}}@media(max-width:768px){.artist-songs-container{padding:12px 12px 60px;gap:14px}.artist-songs-top-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;top:8px;border-radius:var(--radius-md)}.btn-close-artist-page{display:none}.top-header-search{max-width:100%}.artist-hero-banner{padding:16px 14px;border-radius:var(--radius-md)}.artist-big-avatar{width:60px;height:60px;font-size:20px;border-radius:14px}.artist-hero-left{flex-direction:column;align-items:flex-start;gap:12px}.artist-title-large{font-size:24px}.artist-hero-desc{font-size:12px}.artist-hero-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.artist-stat-box{min-width:0;width:100%;padding:10px;gap:8px;border-radius:12px}.artist-stat-box>svg{flex-shrink:0;width:16px;height:16px}.artist-stat-box>div{min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.stat-number{font-size:15px;line-height:1.2}.stat-text{font-size:10px;letter-spacing:.01em;line-height:1.2;display:block}.truncate-text{max-width:100%}.top-chords-box{grid-column:span 2;padding:10px 12px}.artist-chords-pills{gap:4px}.hero-mini-chord{font-size:10px;padding:2px 6px}.artist-toolbar-section{position:relative;z-index:50;flex-direction:column;align-items:stretch;gap:10px;padding:12px}.artist-tabs-group{display:none!important}.artist-mobile-filter-container{display:block;width:100%}.artist-sort-group{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.artist-sort-select{flex:1;min-width:0}.artist-tabs-row{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.artist-tabs-row::-webkit-scrollbar{display:none}.artist-discography-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:480px){.artist-hero-banner{padding:14px 10px}.artist-hero-stats{gap:6px}.artist-stat-box{padding:8px;gap:6px}.artist-stat-box>svg{width:15px;height:15px}.stat-number{font-size:14px}.stat-text{font-size:9px}}.auth-modal-card{position:relative;width:100%;max-width:460px;background:#12081cf2;border:1px solid rgba(244,63,94,.28);border-radius:var(--radius-lg);box-shadow:0 24px 64px #000000d9,0 0 50px #a855f733;padding:32px 28px;z-index:10001;display:flex;flex-direction:column;animation:authCardPop .25s cubic-bezier(.16,1,.3,1);max-height:92vh;overflow-y:auto}@keyframes authCardPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-close-btn{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.auth-close-btn:hover{color:#fff;background:#f43f5e33;border-color:#f43f5e66;transform:rotate(90deg)}.auth-reason-banner{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#f43f5e24,#a855f71f);border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:22px;animation:fadeIn .3s ease}.auth-reason-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#f43f5e2e;display:flex;align-items:center;justify-content:center}.auth-reason-text{flex:1;font-size:12.5px;line-height:1.45;color:var(--text-secondary)}.auth-reason-title{display:block;font-size:13.5px;font-weight:700;color:#fff;margin-bottom:2px}.auth-header{text-align:center;margin-bottom:20px}.auth-logo-badge{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f43f5e33,#a855f733);border:1px solid rgba(244,63,94,.3);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 0 20px #f43f5e40}.auth-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.02em}.auth-subtitle{font-size:13px;color:var(--text-muted);line-height:1.45;max-width:360px;margin:0 auto}.auth-tabs{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:4px;margin-bottom:20px;gap:4px}.auth-tab-btn{flex:1;padding:10px 16px;font-size:14px;font-weight:700;color:var(--text-dim);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.auth-tab-btn:hover{color:#fff}.auth-tab-btn.active{color:#fff;background:linear-gradient(135deg,#f43f5e59,#a855f759);border:1px solid rgba(244,63,94,.4);box-shadow:0 2px 10px #0000004d}.auth-error-alert{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:13px;padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px;animation:fadeIn .2s ease}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-label-row{display:flex;justify-content:space-between;align-items:center;width:100%}.auth-label{font-size:12.5px;font-weight:600;color:var(--text-secondary);text-align:left}.auth-forgot-btn{background:none;border:none;color:var(--crimson-400);font-size:12px;font-weight:600;cursor:pointer;padding:0;transition:all .2s ease;font-family:inherit}.auth-forgot-btn:hover{color:#fda4af;text-decoration:underline;text-underline-offset:2px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--text-dim);pointer-events:none;transition:color .2s}.auth-input{width:100%;background:#0f0618d9;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:12px 42px;color:#fff;font-size:14px;outline:none;transition:all .2s ease;font-family:inherit}.auth-input:focus{border-color:var(--crimson-500);background:#160924f2;box-shadow:0 0 0 3px #f43f5e33,0 0 15px #f43f5e33}.auth-input:focus+.auth-input-icon{color:var(--crimson-400)}.auth-toggle-pwd{position:absolute;right:12px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.auth-toggle-pwd:hover{color:#fff}.auth-submit-btn{width:100%;justify-content:center;padding:13px 20px;font-size:15px;font-weight:700;margin-top:6px;cursor:pointer}.auth-reset-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);margin-top:4px;gap:12px;animation:fadeIn .3s ease}.auth-reset-icon{width:54px;height:54px;border-radius:50%;background:#10b98129;color:#34d399;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #34d39940;margin-bottom:2px}.auth-reset-title{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.auth-reset-desc{font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:0 0 6px}.auth-reset-desc strong{color:#fff;font-weight:600}.auth-divider{display:flex;align-items:center;text-align:center;margin:18px 0 14px;color:var(--text-dim);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.08)}.auth-divider span{padding:0 12px}.auth-demo-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#a855f71a;border:1px dashed rgba(168,85,247,.45);color:#fff;padding:11px 16px;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-demo-btn:hover{background:#a855f738;border-color:var(--purple-400);transform:translateY(-1px);box-shadow:0 4px 18px #a855f740}.demo-badge{font-size:11px;font-weight:800;background:var(--gradient-brand);color:#fff;padding:2px 8px;border-radius:9999px;letter-spacing:.02em}.auth-footer-prompt{text-align:center;margin-top:18px;font-size:13px;color:var(--text-muted)}.auth-link-btn{background:none;border:none;color:var(--crimson-400);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0 2px;transition:color .2s}.auth-link-btn:hover{color:#fff}.user-profile-menu-wrapper{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(244,63,94,.25);padding:6px 14px 6px 8px;border-radius:9999px;color:#fff;cursor:pointer;transition:all .25s ease}.user-profile-trigger:hover{background:#f43f5e29;border-color:var(--crimson-500);box-shadow:0 0 16px #f43f5e40}.user-avatar-chip{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;aspect-ratio:1 / 1;flex-shrink:0;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#fff;letter-spacing:.5px;box-shadow:0 2px 8px #0006;-webkit-user-select:none;user-select:none;border:1.5px solid rgba(255,255,255,.2)}.user-avatar-chip span{display:flex;align-items:center;justify-content:center;line-height:1;text-transform:uppercase;font-weight:800}.user-profile-name{font-size:13.5px;font-weight:700;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chevron{color:var(--text-dim);transition:transform .2s ease,color .2s}.user-chevron.open{transform:rotate(180deg);color:#fff}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:250px;background:#12071cf5;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);box-shadow:0 16px 40px #000c,0 0 30px #a855f733;padding:12px;z-index:1000;animation:dropdownIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:6px 8px 10px}.user-avatar-lg{width:40px;height:40px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #f43f5e59}.user-dropdown-info{display:flex;flex-direction:column;min-width:0}.user-fullname{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:#ffffff14;margin:6px 0}.user-dropdown-links{display:flex;flex-direction:column;gap:2px}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .18s ease}.user-dropdown-item:hover{background:#ffffff0f;color:#fff;transform:translate(3px)}.dropdown-item-text{display:flex;align-items:center;justify-content:space-between;flex:1}.dropdown-counter{font-size:11px;background:#f43f5e33;color:var(--crimson-400);border:1px solid rgba(244,63,94,.3);padding:1px 7px;border-radius:9999px;font-weight:700}.logout-item{color:#fda4af;margin-top:2px}.logout-item:hover{background:#f43f5e2e;color:#fff}.favorites-auth-cta-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px;background:linear-gradient(135deg,#1a0b28d9,#12071cd9);border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0009,0 0 30px #f43f5e26;margin:12px 0;animation:fadeIn .3s ease}.fav-cta-icon-glow{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#f43f5e40,#a855f714 70%);border:1px solid rgba(244,63,94,.4);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 35px #f43f5e59;animation:pulseGlow 2.5s infinite}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 30px #f43f5e4d}50%{transform:scale(1.05);box-shadow:0 0 45px #f43f5e80}}.fav-cta-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.02em}.fav-cta-desc{font-size:14.5px;color:var(--text-secondary);line-height:1.6;max-width:580px;margin-bottom:26px}.fav-cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.fav-cta-login-btn{font-size:15px;padding:13px 28px}.perdex-toast{position:fixed;bottom:28px;right:28px;z-index:20000;background:#140820f2;border:1px solid rgba(244,63,94,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 18px;border-radius:var(--radius-md);box-shadow:0 16px 40px #000000bf,0 0 25px #f43f5e40;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:280px;max-width:420px;animation:toastSlideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon-heart{animation:heartPulse .4s ease}@keyframes heartPulse{0%{transform:scale(.6)}50%{transform:scale(1.3)}to{transform:scale(1)}}.toast-icon-success{color:#10b981}.toast-icon-error{color:#ef4444}.toast-icon-info{color:var(--purple-400)}.toast-message{font-size:13.5px;font-weight:600;color:#fff;line-height:1.4}.toast-close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.toast-close-btn:hover{color:#fff}.personalized-section{padding:40px 0 30px;position:relative}.personalized-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.ai-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:linear-gradient(135deg,#f43f5e26,#a855f726);border:1px solid rgba(244,63,94,.35);font-size:11.5px;font-weight:700;color:#ff708d;letter-spacing:.02em;margin-bottom:8px;box-shadow:0 0 16px #f43f5e33}.personalized-title{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:4px}.personalized-subtitle{font-size:14px;color:var(--text-muted)}.btn-refresh-ai{cursor:pointer}.btn-refresh-ai.refreshing{opacity:.7;pointer-events:none}.recommendations-locked-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1c0c2ad9,#10061ad9);box-shadow:0 20px 60px #000000a6,0 0 40px #f43f5e2e;position:relative;overflow:hidden}.recommendations-locked-card:before{content:"";position:absolute;top:-50px;width:250px;height:150px;background:radial-gradient(circle,rgba(244,63,94,.2) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.locked-icon-halo{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,#f43f5e40,#a855f71a 70%);border:1px solid rgba(244,63,94,.4);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 0 30px #f43f5e59;animation:pulseGlow 2.5s infinite}.locked-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:10px}.locked-desc{font-size:14.5px;color:var(--text-secondary);max-width:580px;line-height:1.6;margin-bottom:24px}.locked-feature-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:720px;margin-bottom:28px}.feature-pill{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:9999px;font-size:12.5px;font-weight:600;color:var(--text-primary)}.locked-cta-actions .auth-open-btn{padding:13px 30px;font-size:15px;cursor:pointer}.recommendations-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 24px;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-lg);background:#160922b3}.empty-heart-ring{width:64px;height:64px;border-radius:50%;background:#f43f5e26;border:1px solid rgba(244,63,94,.35);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 24px #f43f5e40}.empty-rec-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:8px}.empty-rec-desc{font-size:14px;color:var(--text-secondary);max-width:540px;line-height:1.6;margin-bottom:20px}.user-taste-summary-bar{display:flex;align-items:center;justify-content:space-around;padding:16px 24px;border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-md);margin-bottom:22px;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,#180a24d9,#10071ad9)}.taste-metric{display:flex;flex-direction:column;gap:3px;text-align:center}.taste-label{font-size:11.5px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.taste-value{font-size:14.5px;font-weight:700;color:#fff}.taste-metric-divider{width:1px;height:32px;background:#ffffff14}@media(max-width:768px){.taste-metric-divider{display:none}}.rec-filter-tabs-wrapper{flex:1;min-width:0;overflow:hidden}.rec-filter-tabs{display:flex;align-items:center;gap:8px;margin-bottom:0;overflow-x:auto;padding:4px 2px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.rec-filter-tabs::-webkit-scrollbar{display:none}.rec-tab-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:7px 15px;border-radius:9999px;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.rec-tab-btn:hover{color:#fff;border-color:#f43f5e4d;background:#ffffff14}.rec-tab-btn.active{color:#fff;background:linear-gradient(135deg,#f43f5e4d,#a855f74d);border-color:#f43f5e8c;box-shadow:0 0 16px #f43f5e40}.personalized-songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.personalized-song-card{display:flex;flex-direction:column;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(244,63,94,.18);background:#140820b8;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.personalized-song-card:hover{transform:translateY(-3px);border-color:#f43f5e73;box-shadow:0 12px 30px #00000080,0 0 25px #f43f5e33}.rec-card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.match-score-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:9999px;background:linear-gradient(135deg,#10b98140,#05966966);border:1px solid rgba(16,185,129,.5);color:#6ee7b7;box-shadow:0 0 10px #10b98133}.rec-keys-group{display:flex;align-items:center;gap:6px}.rec-reason-pill{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#ff9fb2;background:#f43f5e14;border:1px solid rgba(244,63,94,.2);padding:3px 8px;border-radius:6px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reason-bullet{font-size:8px;color:var(--crimson-400)}.reason-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-song-info{margin-bottom:12px}.rec-song-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:2px}.rec-song-artist{font-size:13px;color:var(--text-secondary);font-weight:500}.rec-song-genre{font-size:11.5px;color:var(--text-dim)}.rec-chords-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:14px}.mini-chord.chord-known{background:#a855f740;border-color:#a855f799;color:#e9d5ff}.rec-card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.rec-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.views-count,.song-views-hint{display:none!important}.nav-link-ai{position:relative}.dropdown-ai-tag{font-size:10px;font-weight:800;padding:1px 6px;border-radius:9999px;background:linear-gradient(135deg,#f43f5e40,#a855f740);border:1px solid rgba(244,63,94,.4);color:#ff708d}.tab-btn-ai{border-color:#f43f5e59!important}.tab-btn-ai:hover{background:#f43f5e26!important}.favorites-progress-box{width:100%;max-width:440px;margin:10px auto 20px;text-align:left}.progress-info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.progress-label{font-size:13px;color:var(--text-muted);font-weight:600}.progress-count{font-size:14px;font-weight:800;color:#ff708d}.progress-track{width:100%;height:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-brand);border-radius:9999px;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #f43f5e80}.progress-hint{display:block;font-size:12.5px;color:var(--text-dim);margin-top:8px;text-align:center;line-height:1.4}.rec-expand-container{display:flex;justify-content:center;margin-top:26px}.mobile-only-block,.mobile-only-inline{display:none!important}.desktop-only-inline{display:inline!important}.recommendations-page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#08030d;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(244,63,94,.16),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(168,85,247,.14),transparent),radial-gradient(circle at 10% 80%,rgba(244,63,94,.08),transparent);overflow-y:auto;animation:fadeIn .25s ease-out}.recommendations-page-container{max-width:1320px;margin:0 auto;padding:24px 24px 80px;min-height:100vh;display:flex;flex-direction:column}.rec-page-header{display:flex;align-items:center;justify-content:flex-start;padding:12px 18px;border-radius:var(--radius-md);position:sticky;top:16px;z-index:50;background:#0d0517;border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px #00000080;margin-bottom:20px}.rec-page-hero-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap}.rec-page-title-group{display:flex;flex-direction:column;gap:4px}.rec-page-main-title{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.4px;margin:0}.rec-page-subtitle{font-size:13px;color:var(--text-muted);margin:0;max-width:600px;line-height:1.4}.rec-page-hero-actions{display:flex;align-items:center;gap:14px}.rec-page-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-radius:var(--radius-md);box-sizing:border-box;width:100%}.rec-page-sort-group{display:flex;align-items:center;flex-shrink:0}.rec-sort-box{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:6px 14px;position:relative;transition:all .2s ease;box-sizing:border-box}.rec-sort-box:hover,.rec-sort-box:focus-within{border-color:#a855f773;background:#ffffff14;box-shadow:0 0 14px #a855f733}.rec-sort-box .sort-label{font-size:12.5px;color:var(--text-muted);font-weight:600;white-space:nowrap}.rec-sort-select{background:transparent;border:none;color:#fff;font-size:12.5px;font-weight:700;font-family:inherit;outline:none;cursor:pointer;padding:0 20px 0 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rec-sort-select option{background:#140822;color:#fff;padding:8px}.rec-sort-chevron{position:absolute;right:12px;pointer-events:none;transition:transform .2s ease}.rec-sort-box:focus-within .rec-sort-chevron{transform:rotate(180deg)}@media(max-width:992px){.rec-page-hero-banner{flex-direction:column;align-items:flex-start;gap:16px}.rec-page-hero-actions{width:100%;justify-content:space-between}.rec-page-hero-actions .directory-search-wrapper{flex:1;min-width:0}.rec-page-controls-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.rec-filter-tabs-wrapper{width:100%;min-width:0}.rec-page-sort-group{width:100%;border-top:1px solid rgba(255,255,255,.06);padding-top:10px;justify-content:flex-start}.rec-sort-box{width:100%;justify-content:flex-start}.rec-sort-select{flex:1;max-width:none;min-width:0}}@media(max-width:768px){.mobile-only-block{display:flex!important}.mobile-only-inline{display:inline!important}.desktop-only-inline{display:none!important}.personalized-section .personalized-songs-grid .personalized-song-card:nth-child(n+4){display:none!important}.rec-expand-container{margin-top:20px;width:100%}.rec-expand-btn{width:100%;justify-content:center}.song-list-section .section-header{flex-wrap:wrap;align-items:center;gap:12px}.song-list-section .section-title{font-size:24px;line-height:1.25}.song-list-section .results-badge{padding:5px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.song-list-section .songs-grid .song-card:nth-child(n+6){display:none!important}.playlist-active-banner{padding:13px 48px 13px 14px;position:relative;gap:10px}.playlist-active-banner .btn-clear-playlist{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;border-radius:50%}.playlist-active-banner .btn-clear-playlist .btn-clear-label{display:none}.load-more-section{margin-top:20px;width:100%}.load-more-section .btn-directory-link{width:100%;justify-content:center}}.lyrics-header-left{display:flex;align-items:center;gap:12px}.tab-view-toggle-pills{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;padding:3px 4px;border-radius:9999px;border:1px solid rgba(255,255,255,.08)}.tab-toggle-pill{padding:4px 10px;border-radius:9999px;font-size:11.5px;font-weight:700;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tab-toggle-pill:hover{color:#fff;background:#ffffff14}.tab-toggle-pill.active{background:var(--gradient-brand);color:#fff;box-shadow:0 0 12px #f43f5e66}.tab-meta-row{display:flex;align-items:center;justify-content:space-between}.tab-meta-badge{display:inline-flex;align-items:center;gap:5px;color:#34d399!important;font-size:11.5px;font-weight:800;background:#10b98126;border:1px solid rgba(16,185,129,.35);padding:2px 8px;border-radius:9999px;box-shadow:0 0 8px #10b98133}.song-tab-panel{background:#0f0819e6;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:22px;box-shadow:0 10px 30px #00000073,inset 0 0 24px #f43f5e0a;flex-shrink:0}.song-tab-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.tab-panel-title{display:flex;align-items:center;gap:12px}.tab-panel-heading{font-size:14.5px;font-weight:800;color:#fff;letter-spacing:-.2px;margin:0}.tab-panel-subtitle{font-size:11.5px;color:var(--text-dim);display:block;margin-top:1px}.tab-copy-btn{display:inline-flex;align-items:center;gap:6px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.35);color:#ff9fb2;font-size:12px;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.tab-copy-btn:hover{background:#f43f5e40;border-color:var(--crimson-400);color:#fff;box-shadow:0 0 10px #f43f5e4d}.song-tab-code-container{overflow-x:auto;border-radius:8px;background:#050209;border:1px solid rgba(255,255,255,.08);padding:16px 18px;box-shadow:inset 0 2px 10px #0009}.song-tab-pre{font-family:JetBrains Mono,Fira Code,Roboto Mono,Courier New,monospace;font-size:13.5px;line-height:1.6;color:#6ee7b7;margin:0;white-space:pre;-moz-tab-size:2;tab-size:2;letter-spacing:.5px;-webkit-user-select:text;user-select:text}.mobile-chords-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#090312;background-image:radial-gradient(ellipse 90% 40% at 50% -10%,rgba(244,63,94,.16),transparent),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(168,85,247,.14),transparent);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-fs-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0c0516f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0009;gap:12px}.mobile-fs-return-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-full);background:linear-gradient(135deg,#f43f5e40,#a855f740);border:1px solid rgba(244,63,94,.45);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #f43f5e33}.mobile-fs-return-btn:active{transform:scale(.96);background:linear-gradient(135deg,#f43f5e66,#a855f766)}.mobile-fs-topbar .font-size-adjuster{display:inline-flex;align-items:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:4px 8px;border-radius:var(--radius-full);height:38px}.mobile-fs-topbar .font-step-btn{width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff14;font-size:12.5px;font-weight:800;color:#fff;border:none;cursor:pointer;transition:all .15s ease}.mobile-fs-topbar .font-step-btn:hover:not(:disabled){background:#f43f5e59;color:#fff}.mobile-fs-topbar .font-step-btn:active:not(:disabled){transform:scale(.92);background:#f43f5e80}.mobile-fs-topbar .font-step-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-fs-topbar .font-size-val{font-size:12.5px;font-weight:700;font-family:var(--font-mono);color:#fff;min-width:38px;text-align:center}.mobile-fs-song-header{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-fs-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-fs-title{font-size:20px;font-weight:800;color:#fff;margin:0;letter-spacing:-.3px}.mobile-fs-artist{font-size:12.5px;color:var(--text-muted);margin:4px 0 0}.mobile-fs-content{flex:1;padding:16px 16px 80px;-webkit-user-select:text;user-select:text}.mobile-fs-content .lyrics-sheet{padding:0;font-size:var(--custom-font-size, 15px)!important}.mobile-fs-content .chord-lyric{font-size:var(--custom-font-size, 15px)!important}.mobile-fs-content .chord-above{font-size:calc(var(--custom-font-size, 15px) * .93)!important}.mobile-fs-content .lyric-line-row{margin-bottom:6px}.nav-link-request{background:#f43f5e14;border:1px solid rgba(244,63,94,.22)}.nav-link-request:hover{background:#f43f5e2e!important;border-color:#f43f5e73!important;color:#fff!important;transform:translateY(-1px)}.admin-inbox-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:linear-gradient(135deg,#f43f5e26,#a855f72e);border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-full, 9999px);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.admin-inbox-btn:hover{background:linear-gradient(135deg,#f43f5e40,#a855f747);border-color:#f43f5e99;transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e40}.admin-inbox-btn.has-pending{border-color:#f43f5e99;box-shadow:0 0 14px #f43f5e4d}.admin-inbox-badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;background:#f43f5e;color:#fff;border-radius:9999px;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%,to{transform:scale(1);box-shadow:0 0 #f43f5e99}50%{transform:scale(1.1);box-shadow:0 0 0 6px #f43f5e00}}.admin-small-tag{margin-left:6px;padding:2px 6px;background:linear-gradient(135deg,#f43f5e,#a855f7);color:#fff;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.admin-badge-inline{margin-left:8px;font-size:11px;padding:2px 7px;background:#f43f5e33;border:1px solid rgba(244,63,94,.4);color:#fda4af;border-radius:4px}.user-avatar-chip.admin-avatar,.user-avatar-lg.admin-avatar{background:linear-gradient(135deg,#f43f5e,#9333ea);color:#fff;box-shadow:0 0 10px #f43f5e66}.admin-dropdown-highlight{background:#f43f5e14!important;border-left:3px solid #f43f5e}.admin-counter{background:#f43f5e40!important;color:#fda4af!important;font-weight:700!important}.switch-role-item{background:#a855f70f}.dropdown-quick-tag{font-size:10px;color:#c084fc;background:#a855f726;padding:1px 5px;border-radius:4px;display:inline-block;margin-top:2px}.quick-test-accounts-panel{background:#ffffff08;border:1px dashed rgba(244,63,94,.3);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:20px}.quick-test-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}.quick-test-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-account-btn{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s ease;color:var(--text-primary)}.quick-account-btn:hover{background:#ffffff17;border-color:#f43f5e66;transform:translateY(-1px)}.test-user-btn:hover{border-color:#a855f780;background:#a855f71a}.admin-user-btn:hover{border-color:#f43f5e80;background:#f43f5e1a}.account-avatar-pill{width:28px;height:28px;border-radius:50%;background:#a855f740;color:#c084fc;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.account-avatar-pill.admin-pill{background:#f43f5e40;color:#f43f5e}.account-text-meta{display:flex;flex-direction:column;overflow:hidden}.account-text-meta strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-text-meta small{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-request{background:linear-gradient(135deg,#f43f5e29,#a855f726)!important;border-color:#f43f5e66!important}.request-icon-wrapper{background:#f43f5e38!important}.request-modal-card{position:relative;width:100%;max-width:580px;background:#10081af5;border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-lg);box-shadow:0 24px 64px #000000e0,0 0 55px #f43f5e38;padding:30px 28px;z-index:10001;display:flex;flex-direction:column;animation:authCardPop .25s cubic-bezier(.16,1,.3,1);max-height:92vh;overflow-y:auto}.request-modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.request-logo-badge{width:44px;height:44px;border-radius:12px;background:#f43f5e26;border:1px solid rgba(244,63,94,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.request-modal-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.3px}.request-modal-subtitle{font-size:13px;color:var(--text-muted);margin:0;line-height:1.45}.request-sender-chip{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:20px}.sender-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f43f5e,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sender-info{display:flex;flex-direction:column;flex:1}.sender-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.sender-name{font-size:13px;color:#fff;margin-right:4px}.sender-email{font-size:11.5px;color:var(--text-secondary)}.sender-verified-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.3);padding:3px 8px;border-radius:9999px}.request-form{display:flex;flex-direction:column;gap:16px}.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.form-row-dual{grid-template-columns:1fr}}.request-input-group{display:flex;flex-direction:column;gap:6px}.req-asterisk{color:#f43f5e;margin-left:2px}.req-optional{font-size:11px;color:var(--text-muted);font-weight:400;margin-left:4px}.label-with-tags{display:flex;align-items:center;justify-content:space-between}.quick-tags-container{margin:4px 0 8px}.quick-tag-label{font-size:11px;color:var(--text-muted);display:block;margin-bottom:5px}.quick-tags-list{display:flex;flex-wrap:wrap;gap:6px}.quick-tag-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:11.5px;padding:4px 9px;border-radius:9999px;cursor:pointer;transition:all .2s ease}.quick-tag-chip:hover{background:#f43f5e26;border-color:#f43f5e66;color:#fff}.textarea-wrapper{align-items:flex-start!important}.textarea-icon{margin-top:10px}.req-textarea{resize:vertical;min-height:75px;font-family:inherit;line-height:1.45}.request-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.request-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px}.request-modal-footer-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.admin-inbox-modal{position:relative;width:100%;max-width:900px;background:#0e0718f7;border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-lg);box-shadow:0 24px 70px #000000e6,0 0 60px #f43f5e33;padding:28px;z-index:10001;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:authCardPop .25s ease}.admin-inbox-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-inbox-title-group{display:flex;align-items:flex-start;gap:14px}.admin-crown-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f43f5e33,#a855f733);border:1px solid rgba(244,63,94,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-modal-title{font-size:20px;font-weight:800;color:#fff;margin:0;letter-spacing:-.3px}.admin-badge-role{font-size:11px;font-weight:700;color:#fda4af;background:#f43f5e33;border:1px solid rgba(244,63,94,.4);padding:3px 8px;border-radius:9999px}.admin-modal-desc{font-size:12.5px;color:var(--text-muted);margin:4px 0 0}.admin-header-actions{display:flex;align-items:center;gap:10px}.admin-test-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.admin-test-switch-btn:hover{background:#a855f738;border-color:#a855f780;color:#fff}.admin-controls-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.admin-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.admin-search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.admin-search-input{width:100%;padding:10px 36px 10px 38px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;font-size:13px;transition:all .2s ease}.admin-search-input:focus{background:#ffffff12;border-color:#f43f5e73;outline:none;box-shadow:0 0 0 3px #f43f5e1f}.admin-clear-search{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.admin-clear-search:hover{color:#fff}.admin-filter-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px}.admin-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:9999px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.admin-filter-tab:hover{color:#fff;background:#ffffff14}.admin-filter-tab.active{color:#fff;background:#f43f5e29;border-color:#f43f5e73}.tab-dot{width:7px;height:7px;border-radius:50%}.dot-pending{background:#facc15}.dot-reviewing{background:#38bdf8}.dot-completed{background:#34d399}.dot-rejected{background:#f87171}.admin-requests-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px;min-height:250px}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:10px;color:var(--text-muted)}.admin-empty-state h3{font-size:16px;color:#fff;margin:0}.admin-empty-state p{font-size:13px;max-width:400px;margin:0}.admin-request-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;position:relative}.admin-request-card:hover{background:#ffffff0d;border-color:#ffffff26}.status-border-pending{border-left:3px solid #facc15!important}.status-border-reviewing{border-left:3px solid #38bdf8!important}.status-border-completed{border-left:3px solid #34d399!important}.status-border-rejected{border-left:3px solid #f87171!important}.req-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.req-card-title-group{display:flex;align-items:center;gap:12px}.req-card-music-icon{width:36px;height:36px;border-radius:10px;background:#f43f5e1f;color:#f43f5e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.req-card-song-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 2px}.req-card-artist-name{font-size:13px;color:var(--text-secondary);font-weight:500}.req-card-meta-right{display:flex;align-items:center;gap:10px}.req-card-time{font-size:11.5px;color:var(--text-muted);white-space:nowrap}.req-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px}.status-pending{background:#facc1526;color:#facc15;border:1px solid rgba(250,204,21,.35)}.status-reviewing{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.status-completed{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.35)}.status-rejected{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.35)}.req-card-sender-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}.req-sender-badge{display:flex;align-items:center;gap:8px}.req-sender-avatar{width:22px;height:22px;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700}.req-sender-text strong{color:#fff}.req-ref-link{display:inline-flex;align-items:center;gap:5px;color:#38bdf8;font-size:12px;text-decoration:underline;transition:opacity .2s}.req-ref-link:hover{opacity:.8}.req-card-user-note{display:flex;align-items:flex-start;gap:8px;background:#00000040;border-radius:var(--radius-sm);padding:8px 12px;font-size:12.5px;color:var(--text-secondary);line-height:1.45}.user-note-quote-mark{font-size:20px;color:#f43f5e;line-height:1;font-family:serif}.user-note-text{margin:0;flex:1}.admin-response-box{background:#a855f70d;border:1px solid rgba(168,85,247,.15);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px}.admin-note-display{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-note-content{display:flex;align-items:center;gap:6px;flex:1;overflow:hidden}.admin-note-label{font-weight:600;color:#c084fc}.admin-note-value{color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-edit-note-btn{background:transparent;border:none;color:#c084fc;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-edit-note-btn:hover{text-decoration:underline}.admin-edit-note-form{display:flex;align-items:center;gap:8px}.admin-note-input{flex:1;padding:6px 10px;background:#ffffff12;border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-sm);color:#fff;font-size:12px}.admin-note-btn-group{display:flex;align-items:center;gap:6px}.btn-tiny{padding:5px 9px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-tiny.btn-save{background:#f43f5e;border:1px solid #f43f5e;color:#fff}.btn-tiny.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-muted)}.req-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.status-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-group-label{font-size:11px;color:var(--text-muted)}.status-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.status-btn:hover{transform:translateY(-1px)}.btn-to-review:hover,.btn-to-review.current{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.btn-to-complete:hover,.btn-to-complete.current{background:#34d39926;border-color:#34d39966;color:#34d399}.btn-to-reject:hover,.btn-to-reject.current{background:#f8717126;border-color:#f8717166;color:#f87171}.req-delete-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;font-size:11px;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.req-delete-btn:hover{color:#f87171;background:#f871711a;border-color:#f871714d}.admin-inbox-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.admin-footer-left{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.admin-footer-indicator{width:8px;height:8px;border-radius:50%;background:#34d399}.my-requests-modal{position:relative;width:100%;max-width:650px;background:#10081af7;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-lg);box-shadow:0 24px 64px #000000e0,0 0 50px #a855f733;padding:28px;z-index:10001;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:authCardPop .25s ease}.my-requests-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.my-requests-title-group{display:flex;align-items:flex-start;gap:12px}.my-requests-icon-badge{width:40px;height:40px;border-radius:10px;background:#f43f5e26;border:1px solid rgba(244,63,94,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-requests-title{font-size:19px;font-weight:800;color:#fff;margin:0}.my-requests-desc{font-size:12.5px;color:var(--text-muted);margin:3px 0 0}.my-requests-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);margin-bottom:16px}.my-requests-user-tag{font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.my-requests-count-chip{font-size:11px;padding:2px 7px;background:#f43f5e26;color:#fda4af;border-radius:9999px;font-weight:700}.btn-new-request{padding:7px 14px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px}.my-requests-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px;min-height:220px}.my-requests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;text-align:center;gap:12px}.my-requests-empty h3{font-size:16px;color:#fff;margin:0}.my-requests-empty p{font-size:13px;color:var(--text-muted);max-width:360px;margin:0 0 8px}.my-request-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.my-request-card:hover{background:#ffffff0d}.my-req-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.my-req-title-group{display:flex;align-items:center;gap:10px}.my-req-song-title{font-size:15px;font-weight:700;color:#fff;margin:0}.my-req-artist-name{font-size:12.5px;color:var(--text-secondary)}.my-req-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.my-req-status-wrapper{display:flex;align-items:center;gap:8px}.my-req-date{font-size:11px;color:var(--text-muted)}.my-req-delete-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:500;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.my-req-delete-btn:hover{color:#f87171;background:#f871711f;border-color:#f8717159;transform:translateY(-1px)}.my-req-status-note{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-secondary);background:#ffffff05;padding:5px 8px;border-radius:var(--radius-sm)}.status-dot{width:6px;height:6px;border-radius:50%;background:#f43f5e}.status-dot.dot-pending{background:#fbbf24}.status-dot.dot-reviewing{background:#38bdf8}.status-dot.dot-completed{background:#34d399}.status-dot.dot-rejected{background:#f87171}.my-req-rejected-notice{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.22);padding:7px 10px;border-radius:var(--radius-sm);line-height:1.4}.my-req-rejected-notice .text-red-icon{color:#f87171;flex-shrink:0}.my-req-user-note{font-size:12px;color:var(--text-secondary);background:#0003;padding:6px 10px;border-radius:var(--radius-sm)}.my-req-user-note .user-note-label{font-weight:600;color:var(--text-muted);display:block;margin-bottom:2px}.my-req-user-note p{margin:0}.my-req-link-row{font-size:11.5px}.my-req-admin-response{background:#a855f714;border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px}.admin-response-header{display:flex;align-items:center;gap:6px;color:#c084fc;margin-bottom:3px}.admin-response-text{color:#fff;margin:0;font-style:italic}.my-requests-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.my-requests-footer-tip{font-size:11.5px;color:var(--text-muted);margin:0}.footer-highlight-link{color:#fda4af!important;font-weight:600!important}.footer-highlight-link:hover{color:#fff!important;text-decoration:underline}.profile-edit-modal{position:relative;width:100%;max-width:620px;background:#10091afa;border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-lg);box-shadow:0 24px 70px #000000e6,0 0 50px #a855f733;padding:26px;z-index:10001;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:authCardPop .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.profile-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.profile-title-group{display:flex;align-items:flex-start;gap:12px}.profile-icon-badge{width:42px;height:42px;border-radius:12px;background:#f43f5e26;border:1px solid rgba(244,63,94,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-modal-title{font-size:19px;font-weight:800;color:#fff;margin:0}.profile-role-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px}.profile-role-badge.badge-admin{background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.45)}.profile-role-badge.badge-user{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.45)}.profile-modal-desc{font-size:12.5px;color:var(--text-muted);margin:3px 0 0}.profile-nav-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:18px}.profile-tab-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--text-secondary);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.profile-tab-btn:hover{color:#fff;background:#ffffff12}.profile-tab-btn.active{color:#fff;background:#f43f5e29;border-color:#f43f5e73;box-shadow:0 0 14px #f43f5e33}.profile-modal-content{flex:1;overflow-y:auto;padding-right:4px}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-avatar-edit-card{display:flex;align-items:center;gap:20px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md)}.avatar-preview-container{position:relative;width:78px;height:78px;flex-shrink:0}.avatar-preview-img,.avatar-preview-fallback{width:78px;height:78px;border-radius:50%;aspect-ratio:1;object-fit:cover;border:2px solid rgba(244,63,94,.5);box-shadow:0 0 20px #f43f5e59;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:#fff;font-size:26px;font-weight:800;-webkit-user-select:none;user-select:none}.avatar-upload-trigger{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:#f43f5e;color:#fff;border:2px solid #140b1e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 2px 8px #00000080}.avatar-upload-trigger:hover{transform:scale(1.1);background:#e11d48}.avatar-controls-info{flex:1;display:flex;flex-direction:column;gap:8px}.avatar-info-header h4{font-size:14px;font-weight:700;color:#fff;margin:0 0 2px}.avatar-info-header p{font-size:11.5px;color:var(--text-muted);margin:0}.avatar-actions-row{display:flex;align-items:center;gap:8px}.btn-tiny-avatar{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.btn-avatar-upload{background:#f43f5e26;border:1px solid rgba(244,63,94,.35);color:#fda4af}.btn-avatar-upload:hover{background:#f43f5e40;border-color:#f43f5e80;color:#fff}.btn-avatar-remove{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.btn-avatar-remove:hover{background:#f871711f;border-color:#f871714d;color:#f87171}.avatar-presets-wrapper{display:flex;align-items:center;gap:8px;margin-top:2px}.presets-label{font-size:11px;color:var(--text-muted);font-weight:600}.presets-row{display:flex;gap:6px}.preset-avatar-btn{width:28px;height:28px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease}.preset-avatar-btn:hover{background:#f43f5e33;border-color:#f43f5e80;transform:scale(1.15)}.profile-input-group{display:flex;flex-direction:column;gap:6px}.profile-field-label{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-secondary)}.verified-chip{margin-left:auto;font-size:10.5px;font-weight:700;color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.25);padding:1px 7px;border-radius:9999px}.profile-text-input{width:100%;padding:11px 14px;font-size:13.5px;color:#fff;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);outline:none;transition:all .2s ease;box-sizing:border-box}.profile-text-input:focus{border-color:var(--crimson-500);background:#ffffff12;box-shadow:0 0 16px #f43f5e40}.profile-readonly-box{display:flex;align-items:center;gap:9px;padding:11px 14px;font-size:13.5px;color:var(--text-muted);background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md)}.field-hint{font-size:11px;color:var(--text-dim)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .profile-text-input{padding-right:42px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle-btn:hover{color:#fff}.security-notice-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f43f5e14;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-md)}.security-notice-card strong{display:block;font-size:13px;color:#fff;margin-bottom:2px}.security-notice-card p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.4}.profile-alert-error{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3);padding:9px 12px;border-radius:var(--radius-sm)}.password-strength-box{display:flex;align-items:center;gap:10px;margin-top:-6px}.strength-bar-bg{flex:1;height:4px;background:#ffffff1a;border-radius:9999px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:9999px;transition:all .3s ease}.strength-weak{background:#ef4444}.strength-medium{background:#f59e0b}.strength-strong{background:#10b981}.strength-label{font-size:11px;color:var(--text-secondary);min-width:85px;text-align:right}.profile-stats-tab{display:flex;flex-direction:column;gap:16px}.stats-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-overview-card{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md)}.stat-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.icon-fav{background:#f43f5e26;border:1px solid rgba(244,63,94,.3)}.stat-card-icon.icon-request{background:#a855f726;border:1px solid rgba(168,85,247,.3)}.stat-card-icon.icon-account{background:#38bdf826;border:1px solid rgba(56,189,248,.3)}.stat-card-data{display:flex;flex-direction:column}.stat-number{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.stat-number-text{font-size:14px;font-weight:700;color:#fff;line-height:1.1}.stat-label{font-size:11px;color:var(--text-muted)}.profile-details-list{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.detail-title{color:var(--text-muted)}.detail-value{color:#fff;font-weight:600}.uid-value{font-family:monospace;font-size:11px;color:var(--text-secondary)}.btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px}.profile-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.btn-profile-logout{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-profile-logout:hover{background:#f8717133;border-color:#f8717173;transform:translateY(-1px)}.profile-save-btns{display:flex;align-items:center;gap:10px;margin-left:auto}.btn-save-profile{display:inline-flex;align-items:center;gap:7px;padding:8px 18px}