@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #090e14;--sf: #121a24;--sf2: #1a2533;--bd: rgba(255, 255, 255, .08);--sky: #0ea5e9;--tx: #ffffff;--mu: #94a3b8;--ok: #0ea5e9;--danger: #ef4444;--youth: #818cf8}body{background:var(--bg);color:var(--tx);font-family:DM Sans,sans-serif;min-height:100vh;line-height:1.5}.app{width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}@media (orientation: portrait) and (max-width: 767px){.app{max-width:430px}}@media (min-width: 768px){.app{max-width:none;width:100%;margin:0;flex-direction:column;background:var(--bg);min-height:100vh}.nav{position:fixed;bottom:25px;left:0;right:0;margin:0 auto;width:520px;max-width:90vw;border-radius:28px;border:1px solid var(--bd);box-shadow:0 15px 50px #0009;background:#121a24e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000}.nav .nb{padding:10px 20px}.content{flex:1;overflow-y:visible}.hdr{padding:40px 40px 20px;background:var(--bg)}.sw{padding:20px 40px}.slist,.sl-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:0 40px 100px}.sbox{margin:0 40px 24px;max-width:none}.tscr{padding:10px 40px 30px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.chip{flex-shrink:0}.fab-center-wrap{bottom:110px}}@media (max-height: 500px){.app{max-width:none!important;width:100%!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}.slist,.sl-wrap{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:12px!important;padding:0 20px 80px!important}.hdr{padding:8px 20px!important}.htitle{margin-top:0!important;gap:8px!important}.hlogo-text{height:16px!important}.hsub{margin-top:0!important;font-size:9px!important}.hsub span:first-child{display:none}.rbadge{padding:4px 10px!important;font-size:8px!important;border-radius:8px!important}.search-wrap{padding:8px 20px!important;margin-bottom:0!important}.search-box{height:36px!important}.theme-tabs{padding:4px 20px!important;margin-bottom:5px!important}.theme-tab{padding:4px 12px!important;font-size:11px!important}.nav{padding:2px 20px!important;height:50px!important}.nb{padding:2px 0!important;gap:0px!important;font-size:8px!important}.nb svg{width:16px!important;height:16px!important}.az-sidebar{top:40px!important;bottom:55px!important;padding:2px!important;gap:1px!important;right:env(safe-area-inset-right)!important}.az-btn{font-size:8px!important;height:10px!important}.main-ai-wrap{flex:.4!important}.fab-trigger{width:38px!important;height:38px!important;bottom:5px!important}}.hdr{padding:20px 20px 10px;display:flex;justify-content:space-between;align-items:center;background:var(--bg);position:sticky;top:0;z-index:100}.htitle{display:flex;align-items:center;gap:12px;margin-top:10px}.hlogo-text{height:22px;width:auto;display:block}.hsub{font-size:11px;color:var(--mu);text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-top:4px;display:flex;align-items:center;gap:8px}.hcount{background:#0ea5e91a;color:var(--sky);padding:2px 8px;border-radius:6px;font-size:9px;letter-spacing:0;text-transform:none}.rbadge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--sf2);border:1px solid var(--bd);border-radius:12px;font-size:10px;font-weight:800;color:var(--sky);text-transform:uppercase;letter-spacing:.05em;height:fit-content}.rbadge-dot{width:6px;height:6px;border-radius:50%}.content{flex:1;padding-bottom:20px}.nav{display:flex;background:#121a24f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--bd);padding:8px 10px calc(8px + env(safe-area-inset-bottom,12px));position:sticky;bottom:0;z-index:100}.nav-floating-ai{position:relative;flex:1 1 0%;min-width:0;height:58px;display:flex;align-items:center;justify-content:center;z-index:2001;pointer-events:auto}.nav-floating-ai .fab-options{position:absolute;bottom:76px;left:50%;transform:translate(-50%);z-index:2002;display:none;flex-direction:column;gap:10px;align-items:center}.nav-floating-ai .fab-options.open{display:flex}.nav-floating-ai .fab-trigger.main-ai{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:60px;height:60px;margin:0;border:1px solid rgba(34,184,240,.35);border-radius:20px;background:linear-gradient(135deg,#22b8f0,#0873ab);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 28px #00000057,0 10px 22px #22b8f047;z-index:2003;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;pointer-events:auto}.nav-floating-ai .fab-trigger.main-ai.open{transform:translate(-50%) rotate(135deg) scale(.96)}.nav-floating-ai .fab-trigger.main-ai:active{transform:translate(-50%) scale(.94)}.nb{flex:1 1 0%;min-width:0;border:none;background:none;color:var(--mu);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;cursor:pointer;padding:8px 0;transition:color .2s}.nb.on{color:var(--sky)}.nb svg{width:22px;height:22px}.sw{padding:10px 20px}.sbox{display:flex;align-items:center;gap:12px;background:var(--sf2);border:1px solid var(--bd);border-radius:14px;padding:12px 16px}.sbox input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none}.tscr{display:flex;gap:8px;padding:0 40px 15px 20px;overflow-x:auto;scrollbar-width:none}.tscr::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:8px 16px;background:var(--sf2);border:1px solid var(--bd);border-radius:12px;font-size:13px;font-weight:600;color:var(--mu)}.chip.on{background:var(--sky);color:#000;border-color:var(--sky)}.slist{padding:0 40px 0 20px;display:flex;flex-direction:column;gap:12px}.scard{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:16px;display:flex;align-items:center;gap:15px}.stitle{font-family:DM Sans,sans-serif;font-size:18px;font-weight:800;margin-bottom:2px}.sartist{font-size:13px;color:var(--mu)}.ytbadge{display:inline-flex;align-items:center;color:var(--sky);opacity:.7;margin-top:1px}.song-desktop-shell{position:relative}.song-desktop-panel{display:none}.song-panel-card{padding:18px;border-radius:18px;border:1px solid rgba(226,232,240,.1);background:linear-gradient(180deg,#121e29f5,#0a121af5);box-shadow:var(--shadow-card)}.song-panel-eyebrow,.song-panel-section-title{color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.song-panel-card h2{margin:8px 0 4px;color:#f8fbff;font-size:22px;line-height:1.14;letter-spacing:0}.song-panel-card p{margin:0;color:#9fb0c2;font-size:13px;line-height:1.45}.song-panel-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.song-panel-meta-grid div{min-height:58px;padding:10px;border-radius:13px;border:1px solid rgba(226,232,240,.08);background:#ffffff09}.song-panel-meta-grid span{display:block;color:#7f8fa3;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.song-panel-meta-grid strong{color:#eaf6ff;font-size:15px}.song-panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.song-panel-tags span{padding:6px 10px;border-radius:10px;background:#22b8f01a;border:1px solid rgba(34,184,240,.18);color:var(--sky);font-size:11px;font-weight:800}.song-panel-lyrics{max-height:118px;overflow:hidden;margin-top:12px;padding:12px;border-radius:12px;background:#081016b8;color:#b9c7d5;font-size:11px;line-height:1.55;white-space:pre-line}.song-panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.song-panel-actions button,.song-panel-theme-list button{border:1px solid rgba(226,232,240,.1);border-radius:12px;background:#ffffff0b;color:#e8f4ff;font-size:12px;font-weight:900;padding:10px 12px;cursor:pointer}.song-panel-actions button:first-child{background:var(--sky);color:#031018;border-color:transparent}.song-panel-section-title{margin-top:18px;margin-bottom:10px}.song-panel-theme-list{display:grid;gap:8px}.song-panel-theme-list button{display:flex;align-items:center;justify-content:space-between;text-align:left}.song-panel-theme-list strong{color:var(--sky)}.song-player-card{gap:12px}.song-side-stack{display:grid;gap:12px}.song-side-stack>.song-panel-card:first-child{padding:14px}.song-side-stack>.song-panel-card:first-child h2{font-size:20px}.song-side-stack>.song-panel-card:first-child .song-panel-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.song-side-stack>.song-panel-card:first-child .song-panel-meta-grid div{min-height:54px}.song-side-stack>.song-panel-card:first-child .song-panel-tags{margin-top:10px}.song-side-stack>.song-panel-card:first-child .song-panel-lyrics{margin-top:10px;padding:10px}.song-player-hidden{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.song-panel-tags.compact{margin-top:0}.song-mini-title{min-width:0;margin-top:12px;text-align:center}.song-mini-title strong,.song-mini-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-mini-title strong{color:#f8fbff;font-size:14px;line-height:1.25}.song-mini-title span{margin-top:3px;color:#8fa1b5;font-size:11px;font-weight:700}.song-player-progress{margin-top:12px}.song-player-progress input{width:100%;height:4px;accent-color:var(--sky)}.song-player-progress div{display:flex;justify-content:space-between;margin-top:4px;color:#7f8fa3;font-size:10px;font-weight:800}.song-player-controls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:8px;margin-top:14px}.song-player-controls button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;border:0;border-radius:50%;background:transparent;color:#e8f4ff;cursor:pointer}.song-player-controls button svg{width:20px;height:20px}.song-player-controls button.speed{position:relative}.song-player-controls button.speed span{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);color:#8fa1b5;font-size:8px;font-weight:900;line-height:1;white-space:nowrap}.song-player-controls button.main{width:56px;height:56px;background:var(--sky);border-color:transparent;color:#031018}.song-player-controls button.on{color:var(--sky)}.song-player-count{margin-top:10px;color:#7f8fa3;font-size:10px;font-weight:900;text-align:center}.song-player-empty{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#8fa1b5}.song-player-empty svg{color:var(--sky);opacity:.7}.song-player-empty strong{color:#eaf6ff;font-size:16px}.song-player-empty span{max-width:240px;font-size:12px;line-height:1.5}.sl-tabs{display:flex;gap:12px;padding:10px 20px 20px}.sl-tab{flex:1;background:var(--sf2);border:2px solid var(--bd);border-radius:20px;padding:15px 10px;text-align:center}.sl-tab.on{border-color:var(--sky);background:#0ea5e90d}.mnav{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--sf2);border:1px solid var(--bd);border-radius:999px;margin:10px 20px 20px;box-shadow:0 4px 12px #0003}.mname{font-family:DM Sans,sans-serif;font-size:18px;font-weight:800;color:var(--sky);text-align:center;letter-spacing:-.01em}.myear{font-size:11px;color:var(--mu);text-align:center;font-weight:800;letter-spacing:.1em}.nc{width:36px;height:36px;border-radius:50%;background:var(--sf);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mu);transition:transform .2s}.nc:active{transform:scale(.9)}.wcard{background:var(--sf);border:1px solid var(--bd);border-radius:20px;margin:0 20px 15px;overflow:hidden}.whdr{padding:15px 20px;background:var(--sf2);display:flex;justify-content:space-between;align-items:center}.wdate{font-weight:800;font-size:16px}.wbody{padding:15px 20px}.srow{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.slbl{width:90px;font-size:11px;font-weight:800;color:var(--mu);text-transform:uppercase}.snames{flex:1;font-size:14px}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);filter:blur(60px);z-index:0}.login-page:before{top:-100px;left:-100px}.login-page:after{bottom:-100px;right:-100px}.login-card{position:relative;width:100%;max-width:400px;background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:48px 32px;text-align:center;box-shadow:0 25px 50px -12px #00000080;z-index:10;animation:loginSlide .8s cubic-bezier(.22,1,.36,1) both}.login-logo-wrap{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#0ea5e9,#0369a1);border-radius:24px;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:32px;font-weight:800;color:#fff;box-shadow:0 10px 25px #0ea5e94d}.login-title{font-family:DM Sans,sans-serif;font-size:28px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-1px}.login-sub{font-size:14px;color:var(--mu);margin-bottom:40px;line-height:1.6;opacity:.8}.login-features{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;text-align:left;background:#ffffff08;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.login-feat{display:flex;align-items:center;gap:12px;font-size:13px;color:#e2e8f0;font-weight:600}.login-feat:before{content:"✓";color:var(--sky);font-weight:900}.login-btn{width:100%;height:56px;background:#fff;color:#0f172a;border:none;border-radius:16px;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0000001a}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes loginSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-wrap{padding:20px}.profile-card{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:25px;text-align:center}.btn{border:none;cursor:pointer;padding:14px 20px;border-radius:14px;font-weight:800;transition:transform .2s,opacity .2s;font-size:15px;text-align:center}.btn:active{transform:scale(.96)}.btn-p{background:var(--sky);color:#000}.btn-g{background:var(--sf2);color:var(--tx);border:1px solid var(--bd)}.ib{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff14;color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.ib:active{transform:scale(.9);background:#ffffff26}.ib.del{color:var(--danger);background:#ef44441a}.empty{text-align:center;padding:40px 20px;color:var(--mu)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--ok);color:#000;padding:12px 24px;border-radius:16px;z-index:10000;font-size:14px;font-weight:800;box-shadow:0 10px 25px #0ea5e94d;animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) both}.loading{padding:40px;text-align:center}.spin{width:30px;height:30px;border:3px solid var(--bd);border-top-color:var(--sky);border-radius:50%;animation:sp .8s linear infinite;margin:0 auto}@keyframes sp{to{transform:rotate(360deg)}}.payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:var(--bg);background-image:radial-gradient(circle at top right,rgba(14,165,233,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(3,105,161,.05),transparent 40%);display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.payment-container{position:relative;width:100%;max-width:900px;margin:auto}.payment-container.success-msg{max-width:500px;background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:40px;text-align:center}.close-btn{position:absolute;top:-20px;right:0;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.close-btn:hover{background:#fff3}.payment-header{text-align:center;margin-bottom:30px}.payment-header h1{font-size:2rem;margin-bottom:8px;background:linear-gradient(135deg,#0ea5e9,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.payment-header p{color:#94a3b8;font-size:1rem}.payment-content{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:flex-start}.instruction-card,.form-card{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:24px}.instruction-card h3,.form-card h3{font-size:1.1rem;margin-bottom:8px;color:#fff}.instruction-card>p,.form-card>p{color:#94a3b8;font-size:.9rem;margin-bottom:20px}.bank-card{background:linear-gradient(135deg,#0ea5e91a,#2dd4bf0d);border:1px solid rgba(14,165,233,.3);border-radius:12px;padding:16px;margin-bottom:20px}.bank-logo{font-size:1.25rem;font-weight:800;color:var(--sky);margin-bottom:8px;letter-spacing:1px}.bank-details{display:flex;flex-direction:column;gap:4px}.account-name{color:#94a3b8;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.account-number-wrapper{display:flex;align-items:center;gap:8px}.account-number{font-size:1.25rem;font-weight:600;color:#fff;font-family:monospace;letter-spacing:2px}.copy-btn{background:#ffffff1a;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#fff3;color:var(--sky)}.plan-prices h4{color:#e2e8f0;margin-bottom:12px;font-size:.9rem}.plan-prices ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.plan-prices li{color:#94a3b8;font-size:.85rem;display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,.1)}.plan-prices li:last-child{border-bottom:none}.plan-prices li strong{color:#e2e8f0}.payment-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:#94a3b8;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--mu);border:1px solid var(--bd);padding:12px;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 2px #0ea5e933}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.referral-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.referral-input-row button{border:1px solid rgba(14,165,233,.28);border-radius:8px;background:#0ea5e91f;color:var(--sky);font-size:12px;font-weight:800;padding:0 14px;cursor:pointer}.referral-input-row button:disabled{opacity:.6;cursor:not-allowed}.referral-ok,.referral-error{font-size:11px;font-weight:700;margin-top:4px}.referral-ok{color:#2dd4bf}.referral-error{color:var(--danger)}.payment-summary{display:grid;gap:8px;padding:14px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.payment-summary div{display:flex;justify-content:space-between;gap:12px;color:#94a3b8;font-size:12px}.payment-summary strong{color:#e2e8f0}.payment-summary .total{padding-top:8px;border-top:1px dashed rgba(255,255,255,.12);color:#e2e8f0;font-weight:800}.payment-summary .total strong{color:var(--sky);font-size:15px}.submit-btn{background:var(--sky);color:#000;border:none;padding:14px;border-radius:8px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:8px;transition:all .2s;box-shadow:0 4px 15px #0ea5e94d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.9rem}@media (max-width: 768px){.payment-content,.form-row{grid-template-columns:1fr}.close-btn{top:10px;right:10px}.payment-overlay{padding:20px 10px}}.fab-container{position:fixed;bottom:90px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:50}.fab{width:56px;height:56px;border-radius:28px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #0006;transition:transform .2s}.fab:active{transform:scale(.92)}.fab-main{background:var(--sky);color:#000}.fab-sub{background:var(--sf2);border:1px solid var(--bd);color:var(--sky)}.fab-youth{background:var(--youth);color:#fff}.fab-center-wrap{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom,12px));left:50%;transform:translate(-50%);z-index:150;display:flex;flex-direction:column;align-items:center;pointer-events:none}.fab-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;opacity:0;pointer-events:none;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-options.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.fab-opt-btn{display:flex;align-items:center;gap:12px;background:var(--sf2);border:1px solid var(--bd);padding:12px 20px;border-radius:999px;color:var(--tx);font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:transform .2s;white-space:nowrap;pointer-events:auto}.fab-opt-btn:active{transform:scale(.95)}.fab-opt-btn.add{border-color:#0ea5e94d;color:var(--sky)}.fab-opt-btn.ai{border-color:#818cf84d;color:var(--youth)}.fab-opt-btn.del{border-color:#ef44444d;color:var(--danger)}.fab-trigger{width:60px;height:60px;border-radius:30px;background:var(--sky);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 30px #0ea5e966;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.fab-trigger:active{transform:scale(.92)}.fab-trigger.open{transform:rotate(135deg);background:var(--sf2);border:2px solid var(--bd);color:var(--tx);box-shadow:0 8px 30px #00000080}.fab-trigger.ai-only{background:var(--youth);color:#fff;box-shadow:0 8px 30px #818cf866}.fab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:140;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fab-overlay.open{opacity:1;pointer-events:auto}.mo{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:flex-end;z-index:5000}.md{width:100%;background:var(--sf);padding:25px 20px 40px;border-radius:24px 24px 0 0;max-height:90vh;overflow-y:auto}.mt{font-family:DM Sans,sans-serif;font-size:22px;color:var(--sky);margin-bottom:20px}.fi{width:100%;padding:14px;background:var(--sf2);border:1px solid var(--bd);border-radius:12px;color:#fff;margin-bottom:15px;font-size:16px;outline:none}.brow{display:flex;gap:12px;margin-top:24px}.brow .btn{flex:1}.sl-wrap{padding:0 20px;display:flex;flex-direction:column;gap:15px}.sl-card{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.sl-card:active{transform:scale(.98)}.sl-card-hdr{display:flex;justify-content:space-between;gap:12px}.sl-card-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:800;color:var(--tx);margin-bottom:2px}.sl-card-date{font-size:12px;color:var(--mu)}.sl-type-badge{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bd)}.sl-type-badge.raya{background:#0ea5e91a;color:var(--sky);border-color:#0ea5e94d}.sl-type-badge.youth{background:#818cf81a;color:var(--youth);border-color:#818cf84d}.sl-songs-preview{border-top:1px solid var(--bd);padding-top:10px;margin-top:10px}.sl-preview-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mu);margin-bottom:4px}.sl-num{width:18px;height:18px;border-radius:4px;background:var(--sf2);color:var(--tx);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.slv{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.slv-hdr{padding:20px;background:var(--sf);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:100}.slv-hdr-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.slv-title{font-family:DM Sans,sans-serif;font-size:22px;font-weight:800;color:var(--sky)}.slv-body{padding:20px;flex:1}.ssl-item{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:16px;margin-bottom:12px}.ssl-item-hdr{display:flex;gap:12px;align-items:flex-start}.ssl-info{flex:1;min-width:0}.ssl-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:800;color:var(--tx);margin-bottom:2px}.ssl-artist{font-size:12px;color:var(--mu);margin-bottom:8px}.ssl-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ssl-alur{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800}.ssl-body{margin-top:12px;padding-top:12px;border-top:1px dashed var(--bd)}.ssl-note{font-size:13px;color:var(--tx);opacity:.9;line-height:1.5;white-space:pre-wrap}.spotify-search-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:none;background:#0ea5e91a;color:var(--sky);font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s;flex-shrink:0}.spotify-search-btn:active{transform:scale(.95)}.fg{margin-bottom:16px}.fl{display:block;font-size:12px;color:var(--mu);font-weight:800;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.fta{min-height:80px;resize:none;font-family:DM Sans,sans-serif}.nada-grid{display:flex;flex-wrap:wrap;gap:8px}.nada-chip{padding:8px 12px;background:var(--sf2);border:1px solid var(--bd);border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;color:var(--tx);cursor:pointer;transition:all .2s;text-align:center;min-width:44px;flex-grow:1;max-width:60px}.nada-chip.on{background:var(--sky);color:#000;border-color:var(--sky);box-shadow:0 4px 10px #0ea5e94d}.lv{padding-bottom:30px}.lhdr{padding:20px;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--bd)}.nada-banner{margin:20px;padding:20px;background:var(--sf2);border-radius:16px;border:1px solid var(--bd);display:flex;align-items:center}.nada-banner-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mu);font-weight:800;margin-bottom:4px}.nada-banner-val{font-family:DM Sans,sans-serif;font-size:24px;color:var(--sky);font-weight:800;margin-bottom:4px}.nada-banner-sub{font-size:12px;color:var(--mu)}.lbody{padding:0 20px 20px}.ltxt{white-space:pre-wrap;font-size:16px;line-height:1.8;color:var(--tx);opacity:.95}.ltags{padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:8px}.ttag{padding:6px 14px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);color:var(--sky);border-radius:12px;font-size:12px;font-weight:600}.song-detail-hero{padding:20px;border-bottom:1px solid rgba(226,232,240,.08);background:linear-gradient(180deg,#22b8f014,#08101600),#0810168c}.song-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.song-detail-admin{display:flex;gap:12px}.song-detail-back{width:46px;height:46px}.song-detail-title{max-width:920px}.song-detail-kicker{color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.song-detail-title h1{margin:0;color:#f8fbff;font-size:clamp(32px,6vw,54px);line-height:1.08;letter-spacing:0}.song-detail-title p{margin:10px 0 0;color:#9fb0c2;font-size:18px;line-height:1.4}.song-detail-content{max-width:1080px;margin:0 auto;padding:20px 20px 118px}.song-video-panel{margin-bottom:18px}.song-video-panel>*{margin-left:0!important;margin-right:0!important}.yt-player-inline{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(226,232,240,.12);border-radius:18px;background:#020617;box-shadow:var(--shadow-card)}.yt-player-inline iframe{display:block;width:100%;height:100%;border:0}.song-detail-tags{padding:0 0 18px}.lyrics-panel{border:1px solid rgba(226,232,240,.1);border-radius:18px;background:#0d161fb8;overflow:hidden;box-shadow:var(--shadow-card)}.lyrics-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(226,232,240,.08)}.lyrics-head span{color:var(--sky);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.lyrics-head strong{color:#dce8f2;font-size:12px}.lyrics-panel .lbody{padding:20px}.lyrics-panel .ltxt{font-size:18px;line-height:1.9}.lyrics-empty{color:var(--mu);font-style:italic;font-size:14px;line-height:1.8}.song-detail-foot{margin-top:16px;color:#7c8b9c;font-size:11px;font-weight:700;text-align:center}.spicker{max-height:200px;overflow-y:auto;background:var(--bg);border:1px solid var(--bd);border-radius:12px;margin-top:-10px;margin-bottom:16px}.spicker-item{padding:12px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--bd);cursor:pointer;transition:background .2s}.spicker-item:hover{background:var(--sf)}.spicker-title{font-size:14px;font-weight:800;color:var(--tx)}.spicker-artist{font-size:12px;color:var(--mu)}.az-sidebar{position:fixed;right:4px;top:260px;bottom:90px;display:flex;flex-direction:column;justify-content:center;gap:2px;z-index:10;background:#0f192366;padding:12px 4px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.az-letter{font-size:10px;font-weight:800;color:#ffffff40;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s}.az-letter:hover,.az-letter:active{transform:scale(1.8);color:var(--sky);z-index:11}.az-letter.available{color:#fff9}.az-letter.active{color:var(--sky)}.az-preview{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#0ea5e9e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;font-weight:900;border-radius:24px;z-index:1000;box-shadow:0 0 40px #0ea5e980;animation:pop .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.letter-head{padding:20px 40px 10px 20px;font-size:18px;font-weight:900;color:var(--sky);text-transform:uppercase;background:var(--bg);position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(14,165,233,.1);margin-bottom:10px}.ai-res{margin-top:24px;display:flex;flex-direction:column;gap:16px}.ai-card{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s;box-shadow:0 4px 15px #0000001a}.ai-card:active{transform:scale(.98)}.ai-ttl{font-family:DM Sans,sans-serif;font-size:18px;font-weight:800;color:var(--tx)}.ai-art{font-size:14px;color:var(--mu);margin-top:-8px}.ai-add{width:100%;padding:12px;border-radius:12px;border:1px solid var(--sky);background:#0ea5e91a;color:var(--sky);font-weight:800;font-size:13px;cursor:pointer;transition:all .2s;text-align:center}.ai-add.done{background:var(--sf2);border-color:var(--bd);color:var(--mu);cursor:default}.ai-think{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px 0;font-size:14px;color:var(--sky);font-weight:600}.ai-think span{display:flex;align-items:center}.dots span{animation:dots 1.5s infinite;opacity:0}.dots span:nth-child(2){animation-delay:.5s}.dots span:nth-child(3){animation-delay:1s}@keyframes dots{0%{opacity:0}50%{opacity:1}to{opacity:0}}.splash-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease-in-out}.splash-wrap.fade-out{opacity:0;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:splashIn 1s cubic-bezier(.22,1,.36,1) both}.splash-logo{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.splash-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--sky);animation:splashPulse 2s infinite ease-out}.splash-text{font-family:DM Sans,sans-serif;font-size:48px;font-weight:800;color:var(--sky);letter-spacing:-2px}.splash-brand{font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;letter-spacing:.4em;color:var(--mu);text-indent:.4em;opacity:.8}.splash-loader{width:140px;height:3px;background:#ffffff0d;border-radius:3px;overflow:hidden}.splash-bar{height:100%;width:100%;background:var(--sky);animation:splashLoad 2.5s ease-in-out forwards;transform-origin:left}@keyframes splashIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes splashPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes splashLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sync-bar{animation:sync-move 1.8s ease-in-out infinite;width:100%}@keyframes sync-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}:root{--bg: #081016;--sf: #101922;--sf2: #172330;--sf3: #203142;--bd: rgba(226, 232, 240, .1);--sky: #22b8f0;--cyan: #38d6c6;--tx: #f8fbff;--mu: #9aaabd;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .26);--shadow-card: 0 10px 30px rgba(0, 0, 0, .18)}html{background:var(--bg)}body{background:linear-gradient(180deg,#22b8f00f,#08101600 260px),var(--bg);letter-spacing:0}button,input,textarea,select{font:inherit}.app{background:linear-gradient(180deg,#121b24d9,#08101600 320px),var(--bg)}.hdr{background:#081016d1;border-bottom:1px solid rgba(226,232,240,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.htitle{margin-top:0}.hlogo-text{height:24px}.hsub{color:#91a3b7;letter-spacing:.06em}.rbadge{min-height:34px;border-radius:999px;background:#172330c7;box-shadow:inset 0 1px #ffffff0a}.content{padding-bottom:96px}.nav{background:#0d161feb;border-top:1px solid rgba(226,232,240,.1);box-shadow:0 -18px 45px #00000040;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nb{min-height:58px;border-radius:16px;color:#8294a8;overflow:hidden;transition:background .2s ease,color .2s ease,transform .2s ease}.nb span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb.on{background:#22b8f01a;color:#e9f8ff}.nb.on svg{color:var(--sky)}.nb:active{transform:translateY(1px) scale(.98)}.sbox,.mnav,.profile-card,.instruction-card,.form-card{background:#101922eb;border-color:#e2e8f01a;box-shadow:var(--shadow-card)}.sbox{min-height:54px;border-radius:16px}.sbox:focus-within{border-color:#22b8f073;box-shadow:0 0 0 3px #22b8f01a,var(--shadow-card)}.sbox input::placeholder,.fi::placeholder{color:#9aaabdb8}.chip{border-radius:999px;background:#172330e6;border-color:#e2e8f017;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.chip:hover{border-color:#22b8f047;color:#d9ecf7}.chip:active{transform:scale(.98)}.chip.on{background:linear-gradient(135deg,var(--sky),var(--cyan));color:#051018;border-color:transparent;box-shadow:0 10px 24px #22b8f038}.scard,.sl-card,.wcard,.ssl-item,.ai-card{background:linear-gradient(180deg,#121e29f5,#0d161ff5);border-color:#e2e8f01a;box-shadow:var(--shadow-card)}.scard,.sl-card,.wcard{border-radius:14px}.scard{min-height:76px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.scard:hover,.sl-card:hover,.wcard:hover{border-color:#22b8f03d;box-shadow:0 16px 42px #0000003d}.scard:active,.sl-card:active{transform:scale(.99)}.stitle,.sl-card-title,.ssl-title{letter-spacing:0;line-height:1.18}.sartist,.sl-card-date,.ssl-artist,.snames{color:#9fb0c2}.letter-head{background:#081016eb;color:#66cef6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.az-sidebar{background:#0d161fad;border:1px solid rgba(226,232,240,.08)}.mnav{padding:10px 14px}.mname{color:#e9f8ff}.myear{color:var(--sky)}.nc,.ib{background:#ffffff0f;border:1px solid rgba(226,232,240,.08)}.nc:hover,.ib:hover{background:#22b8f01f;color:var(--sky)}.whdr{background:#1723309e}.wdate,.wtype{letter-spacing:0}.btn{border-radius:12px}.btn-p,.submit-btn{background:linear-gradient(135deg,var(--sky),var(--cyan));color:#041018;box-shadow:0 12px 24px #22b8f038}.btn-g{background:#172330eb}.fi{background:#172330e0;border-color:#e2e8f01a}.fi:focus{border-color:#22b8f08c;box-shadow:0 0 0 3px #22b8f01c}.md{background:linear-gradient(180deg,#111d28,#0b131b);border:1px solid rgba(226,232,240,.1);box-shadow:0 -24px 60px #00000073}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#071017;overflow:hidden}.login-page:before,.login-page:after{display:none}.login-card{width:min(100%,380px);padding:34px 28px;border-radius:20px;background:#0d161fd1;border:1px solid rgba(226,232,240,.1);box-shadow:0 24px 70px #00000057;text-align:center}.login-logo-wrap{width:190px;height:auto;margin:0 auto 22px;background:none;border-radius:0;box-shadow:none;justify-content:center}.login-logo-wrap img{width:100%;height:auto;display:block;object-fit:contain}.login-tagline{margin:0 0 20px;color:#a9b8c7;font-size:13px;line-height:1.55}.login-benefits{display:grid;gap:10px;margin:0 0 26px;text-align:left}.login-benefits div{position:relative;padding-left:18px;color:#d9e4ee;font-size:12px;font-weight:700;line-height:1.4}.login-benefits div:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--sky);box-shadow:0 0 12px #22b8f080}.login-btn{height:56px;border-radius:14px;background:#f8fbff;color:#07121a;box-shadow:0 12px 30px #02061747}.login-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px #ffffff1f}.dash{width:100%;max-width:1180px;margin:0 auto;padding:18px 20px 118px}.dash-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;border:1px solid rgba(34,184,240,.18);border-radius:18px;background:linear-gradient(135deg,#22b8f02e,#38d6c60d 42%,#101922eb),#101922f0;box-shadow:var(--shadow-soft)}.dash-eyebrow{color:var(--sky);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dash-hero h1{font-size:clamp(26px,4vw,44px);line-height:1.05;margin:0 0 10px;letter-spacing:0}.dash-hero p{max-width:520px;color:#b5c2cf;font-size:15px;line-height:1.6}.dash-ai{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--sky),#0873ab);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px #22b8f040;white-space:nowrap}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.dash-stat{min-height:104px;padding:16px;border:1px solid rgba(226,232,240,.1);border-radius:14px;background:#101922e0;color:var(--tx);text-align:left;cursor:pointer;box-shadow:var(--shadow-card)}.dash-stat svg{color:var(--sky);margin-bottom:14px}.dash-stat span{display:block;font-size:26px;font-weight:900;line-height:1;margin-bottom:6px}.dash-stat small{color:#99aabc;font-size:12px;font-weight:800}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.dash-panel{min-height:230px;padding:20px;border:1px solid rgba(226,232,240,.1);border-radius:16px;background:linear-gradient(180deg,#121e29f5,#0d161ff5);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.dash-next{border-color:#22b8f038}.dash-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.dash-panel-head span{display:block;color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dash-panel-head h2{font-size:22px;line-height:1.16;margin:0}.dash-panel-head svg{color:var(--sky);flex-shrink:0}.dash-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dash-meta span{padding:5px 9px;border-radius:999px;background:#ffffff0d;color:#cbd7e3;font-size:11px;font-weight:800}.dash-panel p{color:#b5c2cf;line-height:1.6;font-size:14px;margin-bottom:16px}.dash-note{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 10px;border-radius:10px;background:#22b8f014;color:var(--sky);font-size:12px;font-weight:800;margin-bottom:16px}.dash-link{margin-top:auto;width:fit-content;min-height:38px;padding:0 14px;border:1px solid rgba(34,184,240,.24);border-radius:11px;background:#22b8f01a;color:var(--sky);font-size:12px;font-weight:900;cursor:pointer}.dash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.dash-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(226,232,240,.1);border-radius:12px;background:#172330d1;color:#e9f8ff;font-size:12px;font-weight:900;cursor:pointer}.dash-actions svg{color:var(--sky)}.dash-month{margin-top:18px;color:#718296;font-size:11px;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase}.schedule-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:14px 20px 18px;padding:20px;border-radius:16px;border:1px solid rgba(34,184,240,.18);background:linear-gradient(135deg,#22b8f029,#38d6c60a 42%,#101922f0),#101922f0;box-shadow:var(--shadow-card)}.schedule-kicker{color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}.schedule-overview h2{margin:0 0 8px;font-size:22px;line-height:1.16;letter-spacing:0}.schedule-overview p{max-width:620px;margin:0;color:#b5c2cf;font-size:13px;line-height:1.55}.schedule-overview-stats{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px}.schedule-overview-stats div{min-height:86px;padding:14px;border-radius:13px;background:#ffffff0b;border:1px solid rgba(226,232,240,.08)}.schedule-overview-stats span{display:block;color:#fff;font-size:24px;font-weight:900;line-height:1;margin-bottom:8px}.schedule-overview-stats small{color:#9fb0c2;font-size:11px;font-weight:800}.schedule-type-bar{display:flex;gap:8px;margin:0 20px 18px;padding:6px;border:1px solid rgba(226,232,240,.1);border-radius:14px;background:#0d161fb8;overflow-x:auto;scrollbar-width:none}.schedule-type-bar::-webkit-scrollbar{display:none}.schedule-type-chip{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9fb0c2;font-size:12px;font-weight:900;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.schedule-type-chip.on{background:color-mix(in srgb,var(--type-color, var(--sky)) 16%,transparent);border-color:color-mix(in srgb,var(--type-color, var(--sky)) 34%,transparent);color:var(--type-color, var(--sky))}.schedule-type-chip.mine.on{background:#22b8f024;border-color:#22b8f057;color:var(--sky)}.schedule-type-chip:hover{background:#ffffff0a;color:#e9f8ff}.schedule-export-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 20px 20px;padding:12px 14px;border:1px solid rgba(226,232,240,.09);border-radius:14px;background:#101922c7}.schedule-export-title{display:flex;align-items:center;gap:7px;color:#f8fbff;font-size:12px;font-weight:900}.schedule-export-title svg{color:var(--sky)}.schedule-export-sub{margin-top:3px;color:#9fb0c2;font-size:11px;font-weight:700}.schedule-export-actions{display:flex;align-items:center;gap:8px}.schedule-export-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(34,184,240,.24);border-radius:12px;background:#22b8f017;color:var(--sky);cursor:pointer}.setlist-tabbar,.setlist-type-bar,.setlist-export-panel{margin-left:20px;margin-right:20px}.setlist-tabbar{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:15px;padding:6px;border:1px solid rgba(226,232,240,.1);border-radius:14px;background:#0d161fb8}.setlist-tabbar button{min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9fb0c2;font-size:13px;font-weight:900;cursor:pointer}.setlist-tabbar button.on{background:#22b8f021;border-color:#22b8f047;color:#e9f8ff}.setlist-tabbar span{margin-left:6px;padding:2px 7px;border-radius:999px;background:#ffffff12;color:var(--sky);font-size:10px}.setlist-type-bar{display:flex;gap:8px;margin-top:12px;margin-bottom:16px;padding:6px;border:1px solid rgba(226,232,240,.1);border-radius:14px;background:#0d161f9e;overflow-x:auto;scrollbar-width:none}.setlist-type-bar::-webkit-scrollbar{display:none}.setlist-type-chip{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9fb0c2;font-size:12px;font-weight:900;cursor:pointer}.setlist-type-chip.on{background:color-mix(in srgb,var(--type-color, var(--sky)) 16%,transparent);border-color:color-mix(in srgb,var(--type-color, var(--sky)) 34%,transparent);color:var(--type-color, var(--sky))}.setlist-export-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;padding:12px 14px;border:1px solid rgba(226,232,240,.09);border-radius:14px;background:#101922c7}.setlist-export-title{display:flex;align-items:center;gap:7px;color:#f8fbff;font-size:12px;font-weight:900}.setlist-export-sub{margin-top:3px;color:#9fb0c2;font-size:11px;font-weight:700}.setlist-event-card{border-left:4px solid var(--type-color, var(--sky))}.setlist-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:flex-start}.setlist-date-block{width:52px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;background:#22b8f017;border:1px solid rgba(34,184,240,.2);color:var(--sky);flex-shrink:0}.setlist-date-block span{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.setlist-date-block strong{color:#fff;font-size:22px;line-height:1}.setlist-card-main{min-width:0}.setlist-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.setlist-session{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#ffffff0f;color:#cbd7e3;font-size:10px;font-weight:900}.setlist-song-count{position:absolute;top:18px;right:18px;min-width:0;padding:0;border-radius:0;background:transparent;border:none;text-align:right;display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}.setlist-song-count strong{display:inline;color:#fff;font-size:18px;line-height:1}.setlist-song-count span{color:#9fb0c2;font-size:11px;font-weight:500;text-transform:lowercase}.setlist-card-main{padding-right:86px}.setlist-theme{margin-top:14px;padding:10px 12px;border-radius:11px;background:#ffffff09;border:1px solid rgba(226,232,240,.07);color:#cbd7e3;font-size:12px;line-height:1.45}.setlist-preview{border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:12px}.profile-page{width:100%;max-width:980px;margin:0 auto;padding:22px 20px 118px;animation:fadeInUp .5s ease-out both}.profile-hero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px;border:1px solid rgba(34,184,240,.18);background:linear-gradient(135deg,#22b8f029,#38d6c60a 42%,#101922f0),#101922f0;box-shadow:var(--shadow-soft)}.profile-avatar{width:82px;height:82px;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--sky);background:#22b8f01a;border:1px solid rgba(34,184,240,.28)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-title-block{min-width:0}.profile-title-row{display:flex;align-items:center;gap:10px;min-width:0}.profile-title-row h2{margin:0;color:var(--tx);font-size:clamp(24px,4vw,34px);line-height:1.1;letter-spacing:0;overflow-wrap:anywhere}.profile-edit{width:32px;height:32px;opacity:.8}.profile-title-block p{margin:6px 0 12px;color:#9fb0c2;font-size:14px}.profile-role{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 11px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(226,232,240,.08);color:#dbe8f3;font-size:11px;font-weight:900;text-transform:uppercase}.profile-role span{width:7px;height:7px;border-radius:50%;background:var(--mu)}.profile-role.admin span{background:var(--sky)}.profile-role.coord span{background:#f59e0b}.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.profile-panel{padding:20px;border-radius:16px;border:1px solid rgba(226,232,240,.1);background:linear-gradient(180deg,#121e29f5,#0d161ff5);box-shadow:var(--shadow-card)}.profile-panel-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.profile-panel-head span{display:block;color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.profile-panel-head h3{margin:0;color:#fff;font-size:20px;line-height:1.18}.profile-panel-head svg{color:var(--sky);flex-shrink:0}.profile-invite{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px;border-radius:13px;border:1px solid rgba(34,184,240,.16);background:#22b8f012}.profile-invite span{display:block;color:#9fb0c2;font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:4px}.profile-invite strong{color:var(--sky);font-size:15px;letter-spacing:.06em}.profile-actions{display:grid;gap:10px}.profile-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid rgba(226,232,240,.1);border-radius:12px;background:#172330d1;color:#e9f8ff;font-size:12px;font-weight:900;cursor:pointer}.profile-action svg{color:var(--sky);width:18px;height:18px;flex-shrink:0;overflow:visible}.profile-action.primary{background:#22b8f01a;border-color:#22b8f03d;color:var(--sky)}.profile-action.danger{background:#ef444414;border-color:#ef44442e;color:#fca5a5}.profile-action.danger svg{color:#fca5a5}.profile-admin{margin-top:14px}.profile-action.admin-console{background:#22b8f014;border-color:#22b8f033;color:var(--sky)}.profile-version{margin-top:18px;color:#718296;font-size:11px;font-weight:900;letter-spacing:.06em;text-align:center}.profile-page{max-width:1120px}.profile-hero{justify-content:space-between;align-items:stretch;gap:22px;padding:26px;background:linear-gradient(135deg,#22b8f024,#38d6c60d 42%,#101922eb),linear-gradient(180deg,#ffffff09,#fff0),#101922f0}.profile-identity{display:flex;align-items:center;gap:18px;min-width:0}.profile-eyebrow{color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.profile-avatar{width:92px;height:92px;border-radius:18px;color:#061018;background:linear-gradient(135deg,var(--sky),var(--cyan));box-shadow:0 18px 38px #22b8f02e}.profile-avatar>span{color:#061018;font-size:28px;font-weight:900}.profile-title-row h2{font-size:clamp(28px,4vw,42px)}.profile-hero-side{width:280px;flex-shrink:0}.profile-side-card{height:100%;min-height:124px;padding:18px;border-radius:15px;border:1px solid rgba(226,232,240,.1);background:#08101652;display:flex;flex-direction:column;justify-content:flex-end}.profile-side-card span,.profile-summary span{color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.profile-side-card strong{display:block;color:#fff;font-size:20px;line-height:1.16;margin:8px 0 6px}.profile-side-card small,.profile-summary small{color:#9fb0c2;font-size:12px;font-weight:700}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.profile-summary div{min-height:104px;padding:16px;border-radius:14px;border:1px solid rgba(226,232,240,.09);background:#101922d1;box-shadow:var(--shadow-card)}.profile-summary strong{display:block;color:#fff;font-size:18px;line-height:1.18;margin:12px 0 5px}.profile-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.profile-panel{padding:22px}.profile-info-row{margin-bottom:14px;padding:12px;border-radius:13px;background:#ffffff09;border:1px solid rgba(226,232,240,.07)}.profile-info-row span{display:block;color:#9fb0c2;font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.profile-info-row strong{display:block;color:#fff;font-size:15px;line-height:1.25}.profile-action{justify-content:flex-start;padding:0 14px}.profile-action.primary,.profile-action.admin-console{justify-content:center}.profile-page{padding-top:14px}.profile-hero{padding:18px}.profile-avatar{width:76px;height:76px}.profile-title-row h2{font-size:clamp(24px,4vw,34px)}.profile-title-block p{margin-bottom:9px}.profile-compact{margin-top:12px;padding:14px;border-radius:16px;border:1px solid rgba(226,232,240,.1);background:linear-gradient(180deg,#121e29f5,#0d161ff5);box-shadow:var(--shadow-card)}.profile-compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-compact .profile-info-row{margin-bottom:0;min-height:76px;position:relative}.profile-info-row small{display:block;color:#9fb0c2;font-size:11px;font-weight:700;margin-top:4px}.profile-info-row.invite{padding-right:50px}.profile-info-row.invite .ib{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.profile-compact-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.profile-compact-actions.has-team{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-compact .profile-action{justify-content:center;min-height:42px;padding:0 12px}.profile-version{margin-top:12px}.profile-page{max-width:760px}.profile-hero{border-radius:18px 18px 0 0;border-bottom:none;padding:24px}.profile-hero-side{display:none}.profile-identity{width:100%}.profile-avatar{width:84px;height:84px}.profile-compact{margin-top:0;border-radius:0 0 18px 18px;border-top-color:#e2e8f00d;padding:16px}.profile-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-info-row.invite{grid-column:1 / -1}.profile-compact .profile-info-row{min-height:72px}.profile-compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-compact-actions.single{grid-template-columns:1fr}.profile-compact-actions.single .profile-action{grid-column:1 / -1}.profile-compact .profile-action{min-height:46px;border-radius:12px}.profile-action.admin-console{margin-top:10px}.wcard.mine{border-color:#22b8f052;box-shadow:0 16px 42px #22b8f01a,var(--shadow-card)}.my-duty-pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-top:8px;padding:5px 9px;border-radius:999px;background:#22b8f01a;border:1px solid rgba(34,184,240,.22);color:var(--sky);font-size:10px;font-weight:900;line-height:1.2}.wcard .wbody{background:linear-gradient(180deg,#ffffff03,#fff0)}.wcard .srow{min-height:28px;padding:3px 0}.wcard .slbl{color:#9fb0c2}.wcard .snames{line-height:1.35}@media (min-width: 768px){.hdr{padding:28px 42px 16px}.sw{padding:18px 42px 14px}.sbox{max-width:860px}.tscr{padding-left:42px;padding-right:42px}.slist,.sl-wrap{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding-left:42px;padding-right:42px}.schw{max-width:1180px;margin:0 auto;width:100%}.mnav,.wcard,.schedule-overview,.schedule-type-bar,.schedule-export-panel,.setlist-tabbar,.setlist-type-bar,.setlist-export-panel{margin-left:42px;margin-right:42px}.nav{padding:8px}.nav .nb{min-height:54px}.nav-floating-ai{bottom:auto;left:auto}.slv-body,.lbody,.ltags{max-width:980px;margin-left:auto;margin-right:auto}.md{max-width:720px;margin:0 auto;border-radius:24px}.mo{align-items:center;padding:28px}}@media (max-width: 430px){.login-card{padding:30px 22px}.login-logo-wrap{width:176px}.rbadge{max-width:132px;justify-content:center;padding-left:10px;padding-right:10px;font-size:9px}.hlogo-text{height:20px}.nav{padding-left:6px;padding-right:6px}.nb{min-height:54px;padding-left:2px;padding-right:2px;font-size:9px;border-radius:12px}.nb svg{width:18px;height:18px}.dash{padding-left:14px;padding-right:14px}.dash-hero{flex-direction:column;padding:22px}.dash-ai{width:100%;justify-content:center}.dash-stats,.dash-grid,.dash-actions{grid-template-columns:1fr}.dash-stat{min-height:88px}.schedule-overview{grid-template-columns:1fr;margin-left:14px;margin-right:14px;padding:18px}.schedule-overview-stats{grid-template-columns:repeat(2,1fr)}.schedule-overview h2{font-size:20px}.schedule-type-bar,.schedule-export-panel,.setlist-tabbar,.setlist-type-bar,.setlist-export-panel{margin-left:14px;margin-right:14px}.schedule-export-panel{align-items:flex-start}.setlist-card-top{grid-template-columns:auto minmax(0,1fr)}.setlist-song-count{top:16px;right:16px;min-width:0;padding:0;text-align:center}.setlist-song-count strong{font-size:17px}.profile-page{padding-left:14px;padding-right:14px}.profile-hero{flex-direction:column;align-items:flex-start;padding:22px}.profile-identity{flex-direction:column;align-items:flex-start}.profile-hero-side{width:100%}.profile-summary,.profile-grid{grid-template-columns:1fr}.profile-title-row{align-items:flex-start}}@media (max-width: 767px){.dash-stats,.dash-grid,.dash-actions,.profile-summary,.profile-grid{grid-template-columns:1fr}.dash-hero,.profile-hero{flex-direction:column}.profile-identity{flex-direction:column;align-items:flex-start}.profile-hero-side{width:100%}.schedule-overview{grid-template-columns:1fr}.login-card,.dash-hero,.dash-panel,.profile-hero,.profile-panel,.schedule-overview{max-width:100%}.setlist-card-top{grid-template-columns:auto minmax(0,1fr)}.setlist-song-count{top:14px;right:14px;min-width:0;padding:0;text-align:center}.setlist-song-count strong{font-size:16px}.setlist-song-count span{font-size:10px}}@media (max-width: 767px){.profile-page{padding-top:10px;padding-bottom:92px}.profile-hero{flex-direction:row;align-items:center;padding:14px;gap:12px}.profile-identity{flex-direction:row;align-items:center;gap:12px}.profile-hero-side,.profile-eyebrow{display:none}.profile-avatar{width:62px;height:62px;border-radius:16px}.profile-title-row h2{font-size:22px}.profile-title-block p{margin:3px 0 7px;font-size:12px}.profile-role{min-height:24px;font-size:10px}.profile-compact{padding:12px}.profile-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-info-row.invite{grid-column:1 / -1;min-height:60px}.profile-compact .profile-info-row{min-height:64px;padding:10px}.profile-compact-actions{grid-template-columns:1fr}.profile-compact-actions.has-team{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-compact .profile-action{min-height:40px;padding:0 8px;font-size:11px}.profile-version{font-size:10px}.song-detail-hero{padding:18px 16px}.song-detail-title h1{font-size:30px}.song-detail-title p{font-size:15px}.song-detail-content{padding-left:16px;padding-right:16px}.lyrics-panel .ltxt{font-size:16px;line-height:1.85}}@media (min-width: 768px) and (orientation: landscape){.tscr{margin-right:68px;padding-right:8px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}.tscr .chip{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slist,.letter-head{padding-right:64px}.az-sidebar{top:350px;right:10px;bottom:120px;z-index:40}}@media (min-width: 1200px){.app:has(.songs-panel.active .song-bank-list-mode){height:100vh;overflow:hidden}.app:has(.songs-panel.active .song-bank-list-mode) .content,.app:has(.songs-panel.active .song-bank-list-mode) .songs-panel,.songs-panel.active .song-bank-list-mode{min-height:0;overflow:hidden}.home-panel.active,.setlist-panel.active,.schedule-panel.active,.profile-panel.active{overflow:visible}.songs-panel>*{min-height:0}.song-desktop-shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,22vw,380px);gap:20px;align-items:start;height:calc(100dvh - 318px);min-height:0;padding:0 78px 0 46px;overflow:hidden}.song-desktop-shell .slist-container{min-height:0;height:100%;overflow:hidden}.song-desktop-shell .slist{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 0 112px;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(34,184,240,.35) transparent}.song-desktop-shell .slist::-webkit-scrollbar{width:8px}.song-desktop-shell .slist::-webkit-scrollbar-thumb{background:#22b8f052;border-radius:999px}.song-desktop-shell .letter-head{padding-left:0;padding-right:0}.song-desktop-panel{display:block;height:100%;min-height:0}.song-desktop-panel .song-side-stack{height:100%;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) auto;gap:10px}.song-desktop-panel .song-panel-card{height:100%;display:flex;flex-direction:column}.song-desktop-panel .song-side-stack .song-panel-card{height:auto;min-height:0;overflow:hidden}.song-desktop-panel .song-side-stack .song-player-card{min-height:0;padding:14px}.song-desktop-panel .song-panel-lyrics,.song-desktop-panel .song-panel-theme-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.song-desktop-panel .song-side-stack .song-panel-lyrics{flex:0 0 auto;max-height:68px;overflow:hidden}.song-desktop-panel .song-side-stack>.song-panel-card:first-child h2,.song-desktop-panel .song-mini-title strong{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.song-desktop-panel .song-side-stack>.song-panel-card:first-child p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-desktop-shell .az-sidebar{right:12px;top:360px;bottom:120px}.song-desktop-panel .song-player-controls{gap:clamp(3px,.45vw,8px)}.song-desktop-panel .song-player-controls button{width:clamp(28px,2.05vw,34px);height:clamp(28px,2.05vw,34px)}.song-desktop-panel .song-player-controls button svg{width:clamp(16px,1.25vw,20px);height:clamp(16px,1.25vw,20px)}.song-desktop-panel .song-player-controls button.main{width:clamp(46px,3.4vw,56px);height:clamp(46px,3.4vw,56px)}}@media (min-width: 1200px) and (max-height: 840px){.song-desktop-shell{height:calc(100dvh - 292px);gap:16px;padding-left:40px}.song-desktop-panel .song-side-stack{gap:8px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child{padding:12px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child h2{margin-top:6px;font-size:18px;line-height:1.08}.song-desktop-panel .song-side-stack>.song-panel-card:first-child .song-panel-meta-grid{gap:8px;margin-top:10px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child .song-panel-meta-grid div{min-height:46px;padding:8px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child .song-panel-meta-grid span{margin-bottom:4px;font-size:9px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child .song-panel-meta-grid strong{font-size:13px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child .song-panel-tags{gap:6px;margin-top:8px}.song-desktop-panel .song-side-stack>.song-panel-card:first-child .song-panel-tags span{padding:4px 7px;font-size:10px}.song-desktop-panel .song-side-stack .song-panel-lyrics{display:none}.song-desktop-panel .song-panel-actions{margin-top:10px}.song-desktop-panel .song-panel-actions button{padding:9px 10px}.song-desktop-panel .song-side-stack .song-player-card{padding:12px}.song-desktop-panel .song-mini-title,.song-desktop-panel .song-player-progress,.song-desktop-panel .song-player-controls{margin-top:10px}.song-desktop-panel .song-player-count{margin-top:8px}}