:root{--adm-bg: #070913;--adm-card: rgba(18, 24, 40, .7);--adm-card-solid: #111526;--adm-border: rgba(255, 255, 255, .08);--adm-border-hover: rgba(192, 132, 252, .4);--adm-text-pure: #ffffff;--adm-text-sub: rgba(255, 255, 255, .65);--adm-text-muted: rgba(255, 255, 255, .38);--adm-purple: #9333ea;--adm-pink: #ec4899;--adm-gradient: linear-gradient(135deg, #9333ea, #ec4899)}*{box-sizing:border-box;margin:0;padding:0}.admin-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at center,#161c30f5,#05070d);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.admin-login-card{width:100%;max-width:420px;padding:36px 28px;border-radius:24px;background:#101424f2;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 24px 64px #000000d9}.admin-login-icon-box{width:56px;height:56px;border-radius:50%;background:var(--adm-gradient);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;box-shadow:0 8px 24px #9333ea73}.admin-login-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:6px}.admin-login-desc{font-size:.8rem;color:var(--adm-text-sub);line-height:1.5;margin-bottom:20px}.admin-login-form{width:100%;display:flex;flex-direction:column;gap:14px}.auth-input-group{position:relative;width:100%;display:flex;align-items:center}.auth-key-icon{position:absolute;left:14px;color:var(--adm-text-muted)}.auth-input{width:100%;height:44px;padding:0 16px 0 42px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.9rem;outline:none}.auth-input:focus{border-color:#c084fc;box-shadow:0 0 12px #c084fc4d}.admin-key-hint-box{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#9333ea1f;border:1px solid rgba(147,51,234,.25)}.admin-hint-text{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--adm-text-sub)}.admin-hint-text code{color:#c084fc;font-weight:700;background:#00000059;padding:1px 5px;border-radius:4px}.btn-fill-key-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.7rem;cursor:pointer}.admin-login-buttons{display:flex;gap:10px;margin-top:4px}.btn-admin-secondary{flex:1;height:42px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.84rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn-admin-primary{flex:1.4;height:42px;border-radius:12px;background:var(--adm-gradient);border:none;color:#fff;font-size:.86rem;font-weight:700;cursor:pointer}.admin-layout-container{min-height:100vh;background-color:var(--adm-bg);color:#fff;display:flex;flex-direction:column}.admin-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;min-height:60px;background:#0b0e18f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--adm-border)}.admin-topbar-row{display:flex;align-items:center}.admin-topbar-left{display:flex;align-items:center;gap:14px}.btn-back-home{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:12px;background:#ffffff14;border:1px solid var(--adm-border);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-back-home:hover{background:#ffffff24}.admin-brand-tag{display:flex;align-items:center;gap:6px;color:#c084fc}.admin-brand-title{font-size:.92rem;font-weight:800;color:#fff}.admin-nav-tabs-wrapper{display:flex;align-items:center}.admin-nav-tabs{display:flex;gap:6px}.admin-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--adm-text-sub);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.admin-tab-btn:hover{color:#fff;background:#ffffff0a}.admin-tab-btn.active{background:#9333ea33;border:1px solid rgba(147,51,234,.35);color:#c084fc}.admin-main-viewport{flex:1;max-width:860px;width:100%;margin:0 auto;padding:24px 20px 80px}.admin-tab-pane{display:flex;flex-direction:column;gap:18px;animation:pageFadeSlide .24s cubic-bezier(.2,.9,.3,1) forwards}.admin-pane-header{display:flex;flex-direction:column;gap:4px}.admin-pane-header.flex-between{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.admin-pane-title{font-size:1.25rem;font-weight:800;color:#fff}.admin-pane-desc{font-size:.8rem;color:var(--adm-text-sub);line-height:1.4}.btn-refresh{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;background:#ffffff14;border:1px solid var(--adm-border);color:#fff;font-size:.78rem;cursor:pointer}.glass-card,.admin-form-card{background:var(--adm-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--adm-border);border-radius:18px;padding:22px}.card-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.title-accent-icon{color:#c084fc}.card-title-text{font-size:1rem;font-weight:700;color:#fff}.card-title-sub{font-size:.74rem;color:var(--adm-text-sub);margin-top:1px}.form-row{display:flex;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.flex-1{flex:1;min-width:0}.flex-2{flex:2;min-width:0}.form-label{font-size:.78rem;font-weight:600;color:var(--adm-text-sub)}.form-input,.form-select,.form-textarea{width:100%;height:42px;line-height:42px;padding:0 12px;border-radius:12px;background:#ffffff0d;border:1px solid var(--adm-border);color:#fff;font-size:.84rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#c084fc;box-shadow:0 0 10px #c084fc40}.form-textarea{height:90px;line-height:1.4;padding:10px 12px;resize:vertical}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#111526;background-image: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='%23c084fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;color:#fff!important;cursor:pointer}.form-select option{background-color:#111526!important;color:#fff!important;padding:8px 12px}.upload-dropzone{border:1.5px dashed rgba(255,255,255,.16);border-radius:14px;background:#0003;padding:18px;text-align:center;transition:all .2s ease}.upload-dropzone:hover{border-color:#c084fc;background:#9333ea0a}.upload-file-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.upload-zone-icon{color:#c084fc}.upload-zone-title{font-size:.86rem;font-weight:700;color:#fff}.upload-zone-hint{font-size:.74rem;color:var(--adm-text-muted)}.hidden-file-input{display:none}.upload-sub-label{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border-radius:12px;background:#ffffff0d;border:1.5px dashed rgba(255,255,255,.18);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-sub-label:hover{border-color:#c084fc;background:#9333ea14;color:#c084fc}.file-selected-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;border-radius:6px;background:#10b98129;border:1px solid rgba(16,185,129,.35);color:#34d399;font-size:.72rem;font-weight:600}.lyric-label-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.link-upload-lyric{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#c084fc;cursor:pointer;padding:4px 10px;border-radius:8px;background:#9333ea1f;border:1px solid rgba(147,51,234,.25);transition:all .2s ease}.link-upload-lyric:hover{background:#9333ea40;color:#fff}.upload-status-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.8rem;font-weight:600;margin-top:10px}.admin-tags-picker-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.admin-tag-pill{padding:5px 12px;border-radius:12px;background:#ffffff0f;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.75rem;font-weight:600;cursor:pointer}.admin-tag-pill.active{background:var(--adm-gradient);color:#fff;border-color:transparent}.add-custom-tag-row{display:flex;gap:8px}.custom-tag-input{flex:1;height:36px;padding:0 10px;border-radius:8px;background:#ffffff0d;border:1px solid var(--adm-border);color:#fff;font-size:.76rem;outline:none}.btn-add-tag-action{padding:0 12px;border-radius:8px;background:#ffffff1a;border:1px solid var(--adm-border);color:#fff;font-size:.74rem;font-weight:600;cursor:pointer}.form-actions-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.btn-primary-action{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:12px;background:var(--adm-gradient);border:none;color:#fff;font-size:.86rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #9333ea66;transition:all .2s ease}.btn-primary-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #9333ea8c}.btn-primary-action:disabled{opacity:.55;cursor:not-allowed}.admin-badge-ai{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;background:#9333ea33;color:#c084fc;font-size:.72rem;font-weight:700;width:fit-content}.styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.style-chip-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.75rem;cursor:pointer}.style-chip-btn.active{background:#9333ea40;border-color:#c084fc;color:#fff;font-weight:700}.quick-tags-row,.quick-prompts-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quick-tag-btn,.quick-prompt-chip{padding:4px 10px;border-radius:8px;background:#ffffff0d;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.73rem;cursor:pointer;transition:all .15s ease}.quick-tag-btn:hover,.quick-prompt-chip:hover{color:#fff;background:#9333ea33;border-color:#c084fc}.btn-generate-ai{width:100%;justify-content:center;height:44px;margin-top:8px}.ai-generated-result-card,.ai-success-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#9333ea1f;border:1px solid rgba(147,51,234,.3);margin-top:14px}.ai-result-cover{width:50px;height:50px;border-radius:10px;object-fit:cover}.ai-result-info{flex:1;min-width:0}.ai-result-title{font-size:.95rem;font-weight:700;color:#fff}.ai-result-sub{font-size:.75rem;color:var(--adm-text-sub)}.audit-table-card{display:flex;flex-direction:column;gap:10px}.admin-comment-row,.comment-audit-card{position:relative;display:block;padding:16px 86px 16px 16px;border-radius:14px;background:#ffffff09;border:1px solid var(--adm-border);transition:background .15s ease,border-color .15s ease}.admin-comment-row:hover,.comment-audit-card:hover{background:#ffffff0e;border-color:#ffffff1f}.admin-comment-actions-corner{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;z-index:2}.btn-icon-action{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;transition:all .18s cubic-bezier(.4,0,.2,1);padding:0}.btn-approve-icon{background:#10b98129;border-color:#10b98159;color:#34d399}.btn-approve-icon:hover{background:#10b981;border-color:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-reject-icon{background:#ef444429;border-color:#ef444459;color:#f87171}.btn-reject-icon:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.admin-comment-content-box,.audit-comment-content{width:100%}.admin-comment-meta,.audit-user-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.admin-comment-author,.audit-user-name{font-size:.86rem;font-weight:700;color:#fff}.badge-pending{font-size:.68rem;font-weight:700;color:#fbbf24;background:#fbbf2426;padding:1px 6px;border-radius:6px;border:1px solid rgba(251,191,36,.3)}.admin-comment-time{font-size:.72rem;color:var(--adm-text-muted)}.admin-comment-trackid,.audit-track-ref{font-size:.72rem;color:#c084fc}.admin-comment-body,.audit-msg-text{font-size:.84rem;color:var(--adm-text-sub);line-height:1.5;margin:0;word-break:break-word}.ai-prompt-textarea{width:100%;min-height:135px;padding:12px 14px;border-radius:12px;background-color:#111526!important;color:#fff!important;border:1px solid var(--adm-border);font-family:inherit;font-size:.88rem;line-height:1.6;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.ai-prompt-textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.admin-lang-select-wrap{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid var(--adm-border);border-radius:20px;padding:4px 10px;margin-left:auto}.admin-lang-select-icon{color:var(--adm-text-muted);flex-shrink:0}.admin-lang-select{background:transparent;color:var(--adm-text-sub);border:none;font-size:.78rem;font-weight:600;cursor:pointer;outline:none}.admin-lang-select option{background-color:#111526!important;color:#fff!important}.admin-empty-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;gap:10px;color:var(--adm-text-muted)}.admin-empty-pane h4{font-size:1.05rem;font-weight:700;color:#fff}.admin-empty-pane p{font-size:.8rem;color:var(--adm-text-sub)}.settings-stack-container{display:flex;flex-direction:column;gap:20px}.admin-setting-card{display:flex;flex-direction:column;gap:14px}.wallpaper-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:14px}.wallpaper-preview-item{position:relative;height:95px;border-radius:12px;overflow:hidden;border:1px solid var(--adm-border)}.wp-preview-thumb{width:100%;height:100%;object-fit:cover}.wp-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:space-between;padding:6px 10px}.wp-preview-name{font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.playlists-admin-list,.playlist-mgmt-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.pl-admin-item,.playlist-mgmt-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--adm-border);overflow:hidden}.pl-admin-cover,.pl-mgmt-cover{width:52px;height:52px;min-width:52px;max-width:52px;border-radius:10px;object-fit:cover;flex-shrink:0;border:1px solid var(--adm-border);box-shadow:0 4px 10px #0006}.pl-admin-info,.pl-mgmt-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl-admin-title,.pl-mgmt-title{font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-admin-meta{font-size:.72rem;color:var(--adm-text-sub)}.pl-mgmt-tag{font-size:.7rem;color:#c084fc;background:#9333ea26;padding:1px 6px;border-radius:6px;display:inline-block}.pl-delete-btn{background:transparent;border:none;color:var(--adm-text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pl-delete-btn:hover{color:#f87171;background:#ef44441f}.pl-form-cover-preview-card{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(168,85,247,.25);margin-top:4px}.cover-preview-thumb-wrap{width:52px;height:52px;min-width:52px;max-width:52px;border-radius:8px;overflow:hidden;background:#0d111d;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.cover-preview-img{width:100%;height:100%;object-fit:cover}.cover-preview-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cover-preview-label{font-size:.76rem;font-weight:600;color:#c084fc}.cover-preview-url-text{font-size:.7rem;color:var(--adm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-remove-cover-preview{background:#ffffff14;border:none;width:26px;height:26px;border-radius:50%;color:var(--adm-text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-remove-cover-preview:hover{background:#ef444433;color:#ef4444}.pl-tracks-modal-trigger-card{display:flex;flex-direction:column;gap:8px;background:#ffffff08;border:1px solid var(--adm-border);border-radius:12px;padding:10px 12px}.btn-trigger-tracks-modal{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border-radius:10px;background:#9333ea26;border:1px solid rgba(168,85,247,.35);color:#e9d5ff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-trigger-tracks-modal:hover{background:#9333ea47;border-color:#a855f799;color:#fff}.pl-selected-pills-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:4px}.pl-selected-track-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.72rem;color:#fff}.pl-selected-track-pill .pill-text{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-selected-track-pill.pill-more{background:#9333ea33;color:#c084fc;cursor:pointer}.btn-remove-single-pill{background:transparent;border:none;color:var(--adm-text-muted);cursor:pointer;display:flex;align-items:center;padding:0}.btn-remove-single-pill:hover{color:#ef4444}.btn-clear-all-pills{background:none;border:none;color:var(--adm-text-muted);font-size:.7rem;cursor:pointer;margin-left:4px;text-decoration:underline}.btn-clear-all-pills:hover{color:#f87171}.settings-footer-action{display:flex;justify-content:flex-end;margin-top:10px;padding-top:14px;border-top:1px solid var(--adm-border)}.btn-admin-submit{height:42px;padding:0 24px;border-radius:12px;background:var(--adm-gradient);border:none;color:#fff;font-size:.86rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #9333ea66;transition:all .2s cubic-bezier(.2,.9,.3,1)}.btn-admin-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #9333ea8c}.btn-admin-submit:active{transform:scale(.98)}.pl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#04060ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;overscroll-behavior:contain;animation:plFadeIn .22s ease forwards}@keyframes plFadeIn{0%{opacity:0}to{opacity:1}}.pl-modal-container{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 40px);margin:auto;display:flex;flex-direction:column;background:#101524fa;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 24px 64px #000000e6;overflow:hidden;flex-shrink:0;animation:plScaleUp .25s cubic-bezier(.2,.9,.3,1) forwards}@keyframes plScaleUp{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.pl-modal-header{flex-shrink:0;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#101524f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--adm-border)}.pl-modal-title{font-size:1.15rem;font-weight:800;color:#fff}.pl-modal-subtitle{font-size:.78rem;color:var(--adm-text-sub);margin-top:2px}.pl-modal-close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:12px;transition:all .2s ease}.pl-modal-close-btn:hover{background:#ef444440;border-color:#ef444480;color:#fca5a5;transform:scale(1.08)}.pl-modal-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:12px 18px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:border-color .2s ease}.pl-modal-search-bar:focus-within{border-color:#a855f7;box-shadow:0 0 14px #a855f740}.pl-search-icon{color:var(--adm-text-muted);flex-shrink:0}.pl-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.86rem}.pl-search-clear-btn{background:transparent;border:none;color:var(--adm-text-muted);cursor:pointer;display:flex;align-items:center;padding:2px}.pl-modal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.pl-toolbar-left{display:flex;align-items:center;gap:12px}.pl-btn-batch-select,.pl-btn-clear-select{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--adm-text-sub);font-size:.78rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.pl-btn-batch-select:hover,.pl-btn-clear-select:hover{background:#ffffff14;color:#fff}.pl-selected-counter{font-size:.78rem;font-weight:600;color:#c084fc;background:#9333ea26;padding:3px 10px;border-radius:12px}.pl-modal-list-scrollable{flex:1;overflow-y:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:6px;min-height:240px}.pl-track-select-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.pl-track-select-row:hover{background:#ffffff0f}.pl-track-select-row.is-selected{background:#9333ea29;border-color:#a855f759}.pl-row-checkbox{display:flex;align-items:center;justify-content:center;color:var(--adm-text-muted)}.checkbox-icon-checked{color:#a855f7}.checkbox-icon-unchecked{color:#ffffff4d}.pl-row-cover-wrap{width:40px;height:40px;min-width:40px;max-width:40px;border-radius:8px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-row-cover{width:100%;height:100%;object-fit:cover}.pl-row-cover-fallback{color:var(--adm-text-muted)}.pl-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl-row-title-row{display:flex;align-items:center;gap:8px}.pl-row-title{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-row-album-tag{font-size:.68rem;color:var(--adm-text-muted);background:#ffffff0f;padding:1px 6px;border-radius:4px;white-space:nowrap}.pl-row-artist-row{display:flex;align-items:center}.pl-row-artist{font-size:.74rem;color:var(--adm-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-row-other-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;font-size:.7rem;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.other-badge-icon{flex-shrink:0}.other-badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:10px;color:var(--adm-text-muted);font-size:.82rem}.pl-empty-icon{opacity:.4}.pl-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--adm-border);background:#0003}.pl-footer-btn-cancel{height:38px;padding:0 16px;border-radius:10px;background:#ffffff14;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.82rem;cursor:pointer;transition:all .15s ease}.pl-footer-btn-cancel:hover{background:#ffffff24;color:#fff}.pl-footer-btn-confirm{height:38px;padding:0 20px;border-radius:10px;background:var(--adm-gradient);border:none;color:#fff;font-size:.84rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px #9333ea66;transition:all .2s ease}.pl-footer-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 18px #9333ea8c}.add-sub-item-form{display:flex;flex-direction:column;gap:10px;background:#00000040;padding:14px;border-radius:12px;border:1px solid var(--adm-border)}.form-row-dual{display:flex;gap:10px;align-items:center}.form-upload-row{display:flex;align-items:center;gap:10px}.btn-file-upload-pill{display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 14px;border-radius:10px;background:#ffffff14;border:1px solid var(--adm-border);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;flex-shrink:0}.btn-add-item-action{height:42px;padding:0 18px;border-radius:10px;background:var(--adm-gradient);border:none;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;margin-left:auto;flex-shrink:0}@media(max-width:768px){.admin-login-overlay{padding:16px}.admin-login-card{padding:28px 18px;border-radius:20px}.admin-key-hint-box{flex-direction:column;align-items:flex-start;gap:8px}.btn-fill-key-pill{align-self:flex-start}.admin-topbar{flex-direction:column;align-items:stretch;padding:10px 14px 8px;height:auto;min-height:auto;gap:10px}.admin-topbar-row,.admin-topbar-left{width:100%;justify-content:space-between}.admin-nav-tabs-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -14px;padding:0 14px}.admin-nav-tabs-wrapper::-webkit-scrollbar{display:none}.admin-nav-tabs{display:flex;gap:6px;width:max-content;padding-bottom:2px}.admin-tab-btn{padding:6px 12px;font-size:.76rem;border-radius:8px;flex-shrink:0}.admin-main-viewport{padding:14px 12px 60px}.glass-card,.admin-form-card{padding:16px 14px;border-radius:16px}.admin-pane-title{font-size:1.15rem}.admin-pane-desc{font-size:.75rem}.form-row{flex-direction:column;gap:8px}.form-input,.form-select,.form-textarea{height:42px;font-size:.88rem}.form-textarea{height:80px}.form-actions-footer{width:100%;justify-content:stretch}.btn-primary-action{width:100%;justify-content:center;height:44px;font-size:.88rem}.comment-audit-card{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.audit-action-btns{width:100%;display:flex;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.btn-audit-pass,.btn-audit-reject{flex:1;text-align:center;padding:8px 0;font-size:.78rem}.styles-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ai-generated-result-card{flex-direction:column;align-items:flex-start;gap:10px}.wallpaper-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.wallpaper-preview-item{height:80px}.form-row-dual{flex-direction:column;gap:8px}.form-upload-row{flex-direction:column;align-items:stretch;gap:8px}.btn-add-item-action{width:100%;height:38px;margin-left:0}}.admin-tags-picker-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;margin-bottom:10px}.admin-tag-pill{position:relative;overflow:visible;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;background:#ffffff0f;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;margin-top:6px;margin-right:6px}.admin-tag-pill:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.admin-tag-pill.active{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border-color:transparent;box-shadow:0 4px 12px #a855f759}.admin-tag-del-btn{position:absolute;top:-5px;right:-5px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#232733;border:1px solid rgba(255,255,255,.25);color:#ffffffbf;cursor:pointer;padding:0;box-shadow:0 2px 5px #00000073;transition:all .18s ease;z-index:2}.admin-tag-del-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.18)}.add-custom-tag-row{display:flex;align-items:center;gap:8px;margin-top:6px}.custom-tag-input{max-width:220px;height:38px}.btn-add-tag-action{height:38px;padding:0 14px;border-radius:10px;background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#c084fc;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-add-tag-action:hover{background:#a855f7;color:#fff}.ai-style-section{display:flex;flex-direction:column;gap:10px}.ai-style-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.ai-style-label-wrap{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.ai-style-tip-text{font-size:.72rem;color:var(--adm-text-muted);font-weight:500}.ai-style-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#a855f71f;border:1px solid rgba(168,85,247,.3);color:#c084fc;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s ease}.ai-style-toggle-btn:hover{background:#a855f740;border-color:#a855f7;color:#fff}.ai-style-chips-wrapper{display:flex;flex-wrap:wrap;gap:8px}.ai-style-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;background:#ffffff0a;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;overflow:visible;margin-top:4px;margin-right:4px}.ai-style-chip:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-1px)}.ai-style-chip.selected{background:#a855f738;border-color:#a855f7;color:#fff;box-shadow:0 0 14px #a855f759}.ai-style-chip-icon{font-size:1rem;line-height:1}.ai-style-chip-name{font-weight:700}.ai-style-chip-del{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#232733;border:1px solid rgba(255,255,255,.25);color:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 5px #00000073;transition:all .18s ease;z-index:2}.ai-style-chip-del:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.18)}.ai-active-style-intro{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:#a855f714;border:1px dashed rgba(168,85,247,.3);font-size:.76rem;color:var(--adm-text-sub)}.ai-active-style-intro .intro-name{font-weight:700;color:#c084fc}.ai-active-style-intro .intro-desc{color:#fffc}.add-style-modal-card{width:100%;max-width:480px;margin:0 16px;background:var(--adm-bg-surface, #131724);border:1px solid rgba(168,85,247,.35);border-radius:20px;padding:22px;box-shadow:0 24px 60px #000c,0 0 40px #a855f726;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:16px}@keyframes modalPopIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-title-icon-badge{width:36px;height:36px;border-radius:10px;background:#a855f72e;border:1px solid rgba(168,85,247,.35);color:#c084fc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-main-title{font-size:1.05rem;font-weight:800;color:#fff;margin:0}.modal-sub-title{font-size:.74rem;color:var(--adm-text-muted);margin-top:2px}.modal-close-icon-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid var(--adm-border);color:var(--adm-text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modal-close-icon-btn:hover{background:#ffffff24;color:#fff;transform:scale(1.08)}.add-style-modal-body{display:flex;flex-direction:column;gap:14px}.sub-form-label{display:block;font-size:.74rem;font-weight:600;color:var(--adm-text-sub);margin-bottom:5px}.req-star{color:#f43f5e}.emoji-quick-picker{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;background:#00000040;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.picker-label{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--adm-text-muted);margin-right:4px}.picker-icons-row{display:flex;flex-wrap:wrap;gap:4px}.emoji-btn{background:transparent;border:1px solid transparent;border-radius:6px;font-size:1.05rem;cursor:pointer;padding:2px 4px;line-height:1;transition:all .15s ease}.emoji-btn:hover{background:#ffffff26;transform:scale(1.2)}.emoji-btn.active{background:#a855f74d;border-color:#a855f7}.modal-actions-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.btn-cancel-action{padding:8px 16px;border-radius:10px;background:#ffffff0f;border:1px solid var(--adm-border);color:var(--adm-text-sub);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-cancel-action:hover{background:#ffffff1f;color:#fff}.btn-submit-style{padding:8px 18px;font-size:.8rem;border-radius:10px}:root{--bg-core: #070913;--bg-card-glass: rgba(255, 255, 255, .045);--border-subtle: rgba(255, 255, 255, .08);--text-pure: #ffffff;--text-sub: rgba(255, 255, 255, .58);--text-muted: rgba(255, 255, 255, .38);--accent-purple: #9333ea;--accent-purple-light: #c084fc;--accent-pink: #ec4899;--mini-bar-h: 56px;--tab-bar-h: 54px;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease-spring: cubic-bezier(.2, .9, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-base, #070913);background-image:var(--bg-ambient, none);color:var(--text-main, #ffffff);font-family:var(--font-base);min-height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;transition:background-color .4s ease,color .3s ease}.aura-app-layout{position:relative;width:100%;max-width:100%;margin:0 auto;min-height:100vh;background-color:var(--bg-base, #070913);background-image:var(--bg-ambient, none);transition:background-color .4s ease}@media(min-width:768px){.aura-app-layout{max-width:840px;box-shadow:0 0 60px #000000d9}}@media(min-width:1025px){.aura-app-layout{max-width:1240px;box-shadow:0 0 90px #000000f2}}.app-main-viewport{min-height:100vh;padding-bottom:calc(var(--mini-bar-h) + var(--tab-bar-h) + env(safe-area-inset-bottom,14px) + 24px)}.page-fade-slide-enter{animation:pageFadeSlide .24s var(--ease-spring) forwards}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.design-home-screen{position:relative;width:100%}.sunset-hero-banner{position:relative;width:100%;height:220px;background-position:center top;background-size:cover;background-repeat:no-repeat;transition:background-image .6s ease-in-out;display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 22px}.sunset-bg-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0709131a,#07091366 50%,#070913d9 80%,#070913);pointer-events:none}.sunset-hero-content{position:relative;z-index:10;display:flex;align-items:flex-end;justify-content:space-between}.hero-greeting{font-size:1.7rem;font-weight:800;color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:6px}.greeting-sparkle{color:#fbbf24;font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}.hero-tagline{font-size:.82rem;color:var(--text-sub);margin-top:4px}.hero-top-actions-group{display:flex;align-items:center;gap:8px}.hero-search-circle-btn{width:40px;height:40px;border-radius:50%;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000080;transition:transform .2s var(--ease-spring)}.hero-search-circle-btn:active{transform:scale(.9)}.home-main-scrollable{position:relative;z-index:10;display:flex;flex-direction:column;gap:22px}.design-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 0;margin:4px 16px 0;border-radius:20px}.design-tile-btn{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s var(--ease-spring)}.design-tile-btn:active{transform:scale(.92)}.tile-icon-box{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-spring)}.tile-purple{background:#9333ea2e;border:1px solid rgba(147,51,234,.35);color:#c084fc}.tile-pink{background:#ec48992e;border:1px solid rgba(236,72,153,.35);color:#f472b6}.tile-blue{background:#0ea5e92e;border:1px solid rgba(14,165,233,.35);color:#38bdf8}.tile-green{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#34d399}.tile-label{font-size:.78rem;color:var(--text-sub);font-weight:500}.design-section{display:flex;flex-direction:column;gap:12px}.design-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.design-section-title{font-size:1.12rem;font-weight:700}.design-see-all-btn,.design-play-all-btn{background:transparent;border:none;color:var(--text-sub);font-size:.78rem;display:flex;align-items:center;gap:3px;cursor:pointer}.play-all-circle-icon{width:18px;height:18px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-left:4px}.play-all-circle-icon svg{fill:#070913;color:#070913}.playlist-cards-rail{display:flex;gap:14px;overflow-x:auto;padding:8px 18px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.playlist-cards-rail::-webkit-scrollbar{display:none}.design-playlist-card{flex:0 0 128px;display:flex;flex-direction:column;gap:6px;cursor:pointer;padding-top:2px;transition:transform .2s cubic-bezier(.2,.9,.3,1)}.design-playlist-card:hover{transform:translateY(-3px)}.playlist-art-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #00000073}.playlist-art-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.design-playlist-card:hover .playlist-art-img{transform:scale(1.05)}.playlist-hover-play-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;background:#fffffff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;transition:all .2s cubic-bezier(.2,.9,.3,1)}.design-playlist-card:hover .playlist-hover-play-btn{transform:scale(1.12);background:#fff;box-shadow:0 6px 16px #a855f799}.playlist-card-title{font-size:.86rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card-count{font-size:.74rem;color:var(--text-sub)}@media(min-width:768px){.playlist-cards-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:16px;overflow-x:visible;padding:8px 18px}.design-playlist-card{flex:unset;width:100%}}@media(min-width:1025px){.playlist-cards-rail{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px 20px}.playlist-card-title{font-size:.92rem}}.design-track-rows-list{display:flex;flex-direction:column;gap:4px;padding:0 12px}.design-track-row{display:flex;align-items:center;padding:8px 10px;border-radius:14px;gap:12px;cursor:pointer;transition:all .2s ease}.design-track-row:hover{background-color:#ffffff0d}.design-track-row:active{background-color:#ffffff14}.track-row-art{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px #00000059}.track-row-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.track-row-title{font-size:.94rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row-artist{font-size:.76rem;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.row-heart-btn,.row-more-btn{background:transparent;border:none;color:var(--text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease}.row-heart-btn:hover,.row-more-btn:hover{color:#fff}.row-circle-play-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0006;transition:transform .15s var(--ease-spring)}.row-circle-play-btn:active{transform:scale(.9)}@media(min-width:860px){.design-track-rows-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:0 16px}}.search-page-container{padding:16px 16px 120px;display:flex;flex-direction:column;gap:18px}.search-page-top-bar{display:flex;align-items:center;gap:10px}.search-back-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center}.search-input-box-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-field-icon{position:absolute;left:12px;color:var(--text-muted)}.search-field-input{width:100%;height:42px;padding:0 34px 0 38px;border-radius:21px;background:#ffffff0f;border:1px solid var(--border-subtle);color:#fff;font-size:.88rem;outline:none}.search-clear-cross-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-sub);cursor:pointer}.search-action-submit-btn{background:transparent;border:none;color:#c084fc;font-weight:700;font-size:.88rem;cursor:pointer}.search-tags-block{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.search-block-header{display:flex;align-items:center;justify-content:space-between}.search-block-title-group{display:flex;align-items:center;gap:6px}.search-block-title{font-size:.84rem;font-weight:600;color:#fff}.hot-flame-icon{color:#f43f5e}.search-clear-all-btn{background:transparent;border:none;color:var(--text-muted);font-size:.74rem;display:flex;align-items:center;gap:4px;cursor:pointer}.search-chips-row{display:flex;flex-wrap:wrap;gap:8px}.search-history-chip,.search-hot-chip{padding:6px 14px;border-radius:16px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-sub);font-size:.78rem;cursor:pointer}.search-hot-chip{color:#fff;display:inline-flex;align-items:center;gap:6px}.hot-tag-index{font-weight:800;color:#f43f5e;font-size:.82rem}.search-results-meta{font-size:.75rem;color:var(--text-muted);padding:0 10px 8px}.search-zero-state{display:flex;flex-direction:column;align-items:center;padding:60px 0;gap:8px;color:var(--text-muted)}.zero-main-hint{font-size:.9rem;font-weight:600;color:#fff}.zero-sub-hint{font-size:.75rem}.subpage-view-container{padding:16px 16px 120px;display:flex;flex-direction:column;gap:16px}.subpage-top-nav{display:flex;align-items:center}.subpage-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;background:#ffffff0f;border:1px solid var(--border-subtle);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer}.subpage-hero-banner{padding:22px;border-radius:20px;display:flex;align-items:center;gap:18px;border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:0 10px 30px #00000059}.subpage-purple{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--bg-surface-elevated) 100%)}.subpage-pink{background:linear-gradient(135deg,rgba(236,72,153,.28) 0%,var(--bg-surface-elevated) 100%)}.subpage-blue{background:linear-gradient(135deg,rgba(14,165,233,.28) 0%,var(--bg-surface-elevated) 100%)}.subpage-green{background:linear-gradient(135deg,rgba(16,185,129,.28) 0%,var(--bg-surface-elevated) 100%)}.subpage-hero-icon-wrap{width:60px;height:60px;border-radius:18px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff}.subpage-hero-text{flex:1}.subpage-main-heading{font-size:1.35rem;font-weight:800;color:#fff}.subpage-sub-heading{font-size:.78rem;color:var(--text-sub);margin-top:2px}.subpage-track-total{font-size:.72rem;color:var(--accent-primary);font-weight:600;margin-top:4px;display:inline-block}.subpage-actions-bar{display:flex;align-items:center;gap:10px;padding:0 4px}.subpage-play-all-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;background:var(--accent-gradient);color:#fff;border:none;font-size:.84rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow)}.subpage-secondary-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#ffffff14;border:1px solid var(--border-subtle);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.subpage-storage-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.74rem;font-weight:600;margin-left:auto}.subpage-empty-box{display:flex;flex-direction:column;align-items:center;padding:50px 0;gap:12px;color:var(--text-muted)}.btn-empty-upload-pill{padding:8px 18px;border-radius:18px;background:var(--accent-gradient);color:#fff;border:none;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow)}.queue-modal-backdrop{align-items:flex-end;padding:0}.queue-sheet-panel{width:100%;max-width:480px;margin:0 auto;max-height:80vh;background:var(--bg-surface-elevated);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:24px 24px 0 0;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:14px 18px calc(18px + env(safe-area-inset-bottom,12px)) 18px;gap:12px;animation:sheetSpringUp .3s var(--ease-spring) forwards;box-shadow:0 -12px 40px #000c}@media(min-width:768px){.queue-modal-backdrop{align-items:center;justify-content:center;padding:24px}.queue-sheet-panel{max-width:560px;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px #000000d9}}.queue-header-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.queue-header-left{display:flex;align-items:baseline;gap:6px}.queue-sheet-title{font-size:1.05rem;font-weight:700;color:#fff}.queue-count-badge{font-size:.8rem;color:var(--text-muted)}.queue-header-right{display:flex;align-items:center;gap:8px}.queue-mode-pill-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:14px;background:#ffffff14;border:1px solid var(--border-subtle);color:#fff;font-size:.74rem;cursor:pointer}.queue-close-btn{width:30px;height:30px;border-radius:50%;background:#ffffff14;border:1px solid var(--border-subtle);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.queue-items-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;max-height:52vh}.queue-track-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;transition:background-color .2s ease}.queue-track-row.is-current-playing{background:var(--accent-glow);border:1px solid var(--border-focus)}.queue-row-index{width:22px;font-size:.76rem;color:var(--text-muted);text-align:center}.queue-playing-icon{color:var(--accent-primary)}.queue-row-art{width:38px;height:38px;border-radius:8px;object-fit:cover}.queue-row-info{flex:1;min-width:0}.queue-row-title{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row-artist{font-size:.72rem;color:var(--text-sub);margin-top:1px}.queue-playing-status-pill{padding:2px 8px;border-radius:10px;background:var(--bg-glass);color:var(--accent-primary);font-size:.68rem;font-weight:700}.queue-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:8px;color:var(--text-muted)}.explore-view-container{padding:16px 16px 120px;display:flex;flex-direction:column;gap:18px}.explore-header-box{display:flex;flex-direction:column;gap:4px}.explore-page-title{font-size:1.4rem;font-weight:800;color:#fff}.explore-page-subtitle{font-size:.78rem;color:var(--text-sub)}.explore-genre-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.explore-genre-rail::-webkit-scrollbar{display:none}.explore-genre-card{flex:0 0 128px;height:90px;border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;box-shadow:0 6px 16px #0006;transition:transform .2s var(--ease-spring)}.explore-genre-card:active{transform:scale(.94)}.explore-genre-card.active-genre{border:2px solid #fff;box-shadow:0 0 16px #fff6}.genre-card-icon{display:flex;align-items:center}.genre-card-emoji{font-size:1.35rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.genre-card-name{font-size:.86rem;font-weight:700;color:#fff;margin-bottom:2px}.genre-card-desc{font-size:.65rem;color:#fffc;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-ai-showcase-banner{position:relative;padding:20px;border-radius:20px;background:radial-gradient(circle at 90% 10%,var(--accent-glow) 0%,var(--bg-surface-elevated) 75%);border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 8px 24px #00000080}.explore-ai-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;background:var(--bg-glass);color:var(--accent-primary);font-size:.7rem;font-weight:700;margin-bottom:6px}.explore-ai-hero-title{font-size:1.15rem;font-weight:800;color:#fff}.explore-ai-hero-sub{font-size:.76rem;color:var(--text-sub);line-height:1.4;margin:6px 0 12px}.explore-open-creator-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:16px;background:var(--accent-gradient);color:#fff;border:none;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow)}.explore-list-header{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.explore-list-title{font-size:.95rem;font-weight:700;color:#fff}.explore-list-count{font-size:.75rem;color:var(--text-muted)}.explore-ai-chip{padding:1px 6px;border-radius:8px;background:var(--bg-glass);color:var(--accent-primary);font-size:.65rem;font-weight:700}@media(min-width:768px){.explore-genre-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:14px;overflow-x:visible}.explore-genre-card{flex:unset;height:100px}}.design-mini-player-bar{position:fixed;bottom:calc(var(--tab-bar-h) + env(safe-area-inset-bottom,10px) + 8px);left:0;right:0;max-width:456px;margin:0 auto;height:var(--mini-bar-h);background:var(--bg-surface, rgba(18, 22, 34, .95));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);box-shadow:0 12px 32px #000000b3;display:flex;flex-direction:column;z-index:90;overflow:visible;transition:max-width .3s cubic-bezier(.2,.9,.3,1),bottom .3s ease}@media(min-width:768px){.design-mini-player-bar{max-width:780px;bottom:calc(var(--tab-bar-h) + 24px)}}@media(min-width:1025px){.design-mini-player-bar{max-width:980px;bottom:calc(var(--tab-bar-h) + 28px);border-color:#ffffff1f}.mini-song-title{font-size:.94rem}.mini-artist-name{font-size:.78rem}}.mini-progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff1a}.mini-progress-fill{height:100%;background:var(--accent-gradient, linear-gradient(to right, #9333ea, #ec4899));box-shadow:0 0 8px var(--accent-primary, #ec4899);transition:width .2s linear}.mini-player-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 14px;gap:10px;border-radius:16px}.mini-track-info-side{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.mini-cover-thumb{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 10px #0006}.mini-title-box{flex:1;min-width:0}.mini-song-title{font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist-name{font-size:.72rem;color:var(--text-sub);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.mini-ctrl-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.design-bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:calc(var(--tab-bar-h) + env(safe-area-inset-bottom,10px));padding-bottom:env(safe-area-inset-bottom,10px);background:var(--nav-bg, rgba(8, 10, 18, .96));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-around;z-index:85;transition:all .3s ease}@media(min-width:768px){.design-bottom-nav{max-width:580px;bottom:12px;border-radius:26px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px #000000bf;height:var(--tab-bar-h);padding-bottom:0}}@media(min-width:1025px){.design-bottom-nav{max-width:640px;bottom:16px;box-shadow:0 20px 48px #000000d9}}.nav-tab-btn{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex:1;color:var(--text-muted);transition:color .2s ease}.nav-tab-btn.tab-active{color:var(--accent-primary, #a855f7)}.tab-label{font-size:.7rem;font-weight:600}.center-tab-wrapper{flex:1;display:flex;justify-content:center;position:relative;top:-12px}.center-pulsing-orb{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient, linear-gradient(135deg, #9333ea 0%, #c084fc 100%));border:3px solid var(--bg-base, #080a12);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 24px var(--orb-glow, rgba(168, 85, 247, .65));transition:transform .2s ease,box-shadow .3s ease}.center-pulsing-orb:active{transform:scale(.92)}.wave-bars-container{display:flex;align-items:center;gap:3px;height:16px}.wave-stick{width:3px;height:6px;border-radius:2px;background:#fff}.wave-stick.animating.stick-1{animation:stickBounce .7s infinite alternate .1s}.wave-stick.animating.stick-2{animation:stickBounce .5s infinite alternate .25s}.wave-stick.animating.stick-3{animation:stickBounce .65s infinite alternate .4s}@keyframes stickBounce{0%{height:4px}to{height:16px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:150;display:flex;align-items:center;justify-content:center;animation:backdropFadeIn .22s ease forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetSpringUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comment-modal-backdrop{align-items:flex-end;padding:0}.comment-sheet-panel{width:100%;max-width:480px;margin:0 auto;max-height:85vh;background:var(--bg-surface-elevated);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:24px 24px 0 0;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:12px 18px calc(18px + env(safe-area-inset-bottom,12px)) 18px;gap:14px;animation:sheetSpringUp .3s var(--ease-spring) forwards}@media(min-width:768px){.comment-modal-backdrop{align-items:center;justify-content:center;padding:24px}.comment-sheet-panel{max-width:580px;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px #000000d9}}.comment-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.comment-header-cover{width:42px;height:42px;border-radius:8px;object-fit:cover}.comment-count-chip{font-size:.7rem;color:var(--accent-primary);background:var(--accent-glow);padding:2px 8px;border-radius:12px;font-weight:600;margin-left:8px}.comment-track-sub{font-size:.76rem;color:var(--text-sub)}.comment-close-circle-btn,.video-action-circle-btn,.share-close-circle-btn{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.comment-user-avatar-gradient{width:34px;height:34px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}.comment-items-stream{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;max-height:48vh}.comment-card-box{display:flex;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.comment-card-content{flex:1}.comment-timestamp{font-size:.68rem;color:var(--text-muted)}.comment-message-text{font-size:.82rem;color:var(--text-sub);line-height:1.4}.comment-compose-dock{display:flex;flex-direction:column;gap:8px}.comment-dock-nickname{height:32px;padding:0 10px;border-radius:10px;background:#ffffff0f;border:1px solid var(--border-subtle);color:#fff;font-size:.78rem;outline:none}.comment-dock-input-row{display:flex;gap:8px}.comment-dock-message{flex:1;height:42px;padding:0 14px;border-radius:21px;background:#ffffff0f;border:1px solid var(--border-subtle);color:#fff;font-size:.84rem;outline:none}.comment-dock-send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-dialog-box{width:100%;max-width:460px;background:#0e121efa;border-radius:20px;border:1px solid rgba(255,255,255,.12);padding:16px;display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.video-dialog-box{max-width:680px;border-radius:24px}}.video-dialog-top-bar{display:flex;align-items:center;justify-content:space-between}.video-tag-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#38bdf833;color:#38bdf8;font-size:.7rem;font-weight:700}.video-screen-wrapper{width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#000;overflow:hidden}.video-screen-player{width:100%;height:100%;object-fit:contain}.share-modal-backdrop{align-items:flex-end;padding:0}.share-sheet-container{width:100%;max-width:480px;margin:0 auto;background:#0e121efa;border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.12);padding:14px 20px calc(20px + env(safe-area-inset-bottom,12px)) 20px;display:flex;flex-direction:column;gap:16px;animation:sheetSpringUp .3s var(--ease-spring) forwards}@media(min-width:768px){.share-modal-backdrop{align-items:center;justify-content:center;padding:24px}.share-sheet-container{max-width:560px;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px #000000d9}}.share-poster-card{padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;gap:16px;align-items:center}.share-poster-cover-box{position:relative;width:72px;height:72px}.share-poster-cover-img{width:64px;height:64px;border-radius:12px;object-fit:cover;position:relative;z-index:2}.share-poster-vinyl-disc{position:absolute;right:0;top:6px;z-index:1;color:#334155;animation:spinRecord 12s linear infinite}.share-poster-song-title{font-size:1.05rem;font-weight:800;color:#fff}.share-poster-song-artist{font-size:.8rem;color:var(--text-sub)}.share-link-textbox{flex:1;height:38px;padding:0 12px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border-subtle);color:#fff;font-size:.76rem;outline:none}.share-copy-trigger-btn{padding:0 16px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.share-native-send-btn{height:44px;border-radius:14px;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;color:#fff;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.library-view-container{padding:16px 16px 120px;display:flex;flex-direction:column;gap:14px}.library-header-section{display:flex;align-items:baseline;justify-content:space-between}.library-main-title{font-size:1.4rem;font-weight:800;color:#fff}.library-category-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.library-category-pill{padding:6px 14px;border-radius:16px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-sub);font-size:.78rem;cursor:pointer;white-space:nowrap}.library-category-pill.active{background:linear-gradient(135deg,#9333ea,#ec4899);color:#fff;border-color:transparent;font-weight:600}@media(min-width:860px){.library-tracks-stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}.profile-view-container{padding:18px 16px 120px;display:flex;flex-direction:column;gap:16px}.profile-hero-card{padding:18px;border-radius:18px;background:#ffffff0b;border:1px solid var(--border-subtle);display:flex;align-items:center;gap:14px}.profile-avatar-box{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff}.profile-settings-group{padding:16px;border-radius:18px;background:#ffffff0b;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:14px}.profile-setting-item{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.setting-item-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.86rem;color:#fff}.profile-theme-dots-row,.profile-lang-row{display:flex;flex-wrap:wrap;gap:6px}.profile-theme-pill,.profile-lang-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-sub);font-size:.76rem;cursor:pointer}.profile-theme-pill.active,.profile-lang-pill.active{background:#a855f7;color:#fff;border-color:transparent}.profile-admin-entry{flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.btn-enter-admin-pill{padding:5px 14px;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;font-size:.76rem;font-weight:600;cursor:pointer}@keyframes spinRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-btn-collapse{opacity:.85;transition:all .2s ease}.mini-btn-collapse:hover{opacity:1;transform:scale(1.1);color:#fff}.design-mini-player-bar.is-collapsed{left:auto!important;right:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:48px!important;margin:0!important;border-radius:24px 0 0 24px!important;border-right:none!important;box-shadow:-4px 6px 20px #000000a6;cursor:pointer;overflow:hidden!important;padding:0!important;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);animation:slideInSemiCircle .3s cubic-bezier(.16,1,.3,1)}.mini-collapsed-pill{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding-left:2px;cursor:pointer}.mini-collapsed-pill:hover{filter:brightness(1.2)}.mini-collapsed-dot{position:absolute;top:9px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--accent-primary, #ec4899);box-shadow:0 0 6px var(--accent-primary, #ec4899);animation:pulseDot 1.2s infinite alternate}@keyframes slideInSemiCircle{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes pulseDot{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.25);opacity:1}}.user-auth-modal-backdrop{z-index:300;padding:20px}.user-auth-modal-card{width:100%;max-width:400px;background:#121622f0;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px 20px;box-shadow:0 20px 50px #000c,0 0 30px #a855f726;display:flex;flex-direction:column;align-items:center;position:relative;animation:modalPopIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalPopIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.user-auth-top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user-auth-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-sub);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.user-auth-close-btn:hover{background:#ffffff2e;color:#fff;transform:scale(1.05)}.user-auth-icon-wrap{margin-bottom:14px}.user-auth-icon-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#a855f740,#ec489940);border:1px solid rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #a855f759}.user-auth-lock-icon{color:#c084fc}.user-auth-title{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:6px;text-align:center}.user-auth-desc{font-size:.8rem;color:var(--text-sub);line-height:1.5;text-align:center;margin-bottom:20px;padding:0 10px}.user-auth-form{width:100%}.user-auth-submit-btn{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:.92rem;font-weight:600}.profile-custom-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-upload-badge{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--accent-gradient, linear-gradient(135deg, #9333ea, #ec4899));border:2px solid var(--bg-base, #080a12);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00000080;transition:transform .2s ease;z-index:2}.profile-vip-avatar-wrap:hover .profile-avatar-upload-badge{transform:scale(1.15)}.btn-vinyl-comments{position:relative!important}.vinyl-badge-count{position:absolute;top:-4px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ec4899;color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 8px #ec4899cc;border:1.5px solid var(--bg-surface, #121622);pointer-events:none;animation:badgePop .2s cubic-bezier(.16,1,.3,1)}@keyframes badgePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.badge-delete-red{background:#ef444426!important;color:#ef4444!important}.text-danger{color:#ef4444!important}.btn-delete-track-row:hover{background:#ef444414!important}.section-header-right-actions{display:flex;align-items:center;gap:8px}.btn-clear-home-recent{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-sub);font-size:.72rem;cursor:pointer;transition:all .2s ease}.btn-clear-home-recent:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.btn-clear-history{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:18px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-sub);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-history:hover{background:#ef44442e;border-color:#ef4444;color:#ef4444;transform:translateY(-1px)}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1)}.confirm-modal-box{background:linear-gradient(135deg,#1a1c2af2,#10111bfa);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px -12px #000000b3,0 0 0 1px #ffffff0d inset;border-radius:20px;max-width:400px;width:100%;padding:28px 24px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}.confirm-modal-icon-badge{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.confirm-modal-icon-badge.danger{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444;box-shadow:0 0 20px #ef444440}.confirm-modal-icon-badge.normal{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#60a5fa;box-shadow:0 0 20px #3b82f640}.confirm-modal-title{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:8px}.confirm-modal-message{font-size:.88rem;line-height:1.55;color:var(--text-sub);margin-bottom:24px;word-break:break-word}.confirm-modal-actions{display:flex;align-items:center;gap:12px;width:100%}.confirm-modal-btn{flex:1;padding:12px 18px;border-radius:14px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none}.confirm-modal-btn.cancel{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.confirm-modal-btn.cancel:hover{background:#ffffff24}.confirm-modal-btn.confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 18px #ef444459}.confirm-modal-btn.confirm.danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.confirm-modal-btn.confirm.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 18px #3b82f659}.confirm-modal-btn.confirm.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.design-mini-player-bar.is-empty-state{opacity:.85}.mini-cover-thumb.mini-cover-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px dashed rgba(255,255,255,.2);border-radius:8px}.mini-ctrl-btn.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.mini-progress-interactive-track.is-disabled{cursor:default;pointer-events:none}.local-import-action-btn{background:linear-gradient(135deg,#3b82f640,#2563eb59)!important;border-color:#60a5fa73!important;color:#93c5fd!important}.local-import-action-btn:hover{background:linear-gradient(135deg,#3b82f666,#2563eb80)!important;transform:translateY(-1px);color:#fff!important}.track-row-art-local-chip{width:44px;height:44px;min-width:44px;border-radius:10px;background:#3b82f61f;border:1px solid rgba(96,165,250,.25);display:flex;align-items:center;justify-content:center}.row-sync-r2-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:12px;background:#3b82f626;border:1px solid rgba(96,165,250,.3);color:#93c5fd;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease}.row-sync-r2-btn:hover{background:#3b82f64d;border-color:#60a5fa;color:#fff;transform:translateY(-1px)}.row-synced-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:12px;background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80;font-size:.72rem;font-weight:600;-webkit-user-select:none;user-select:none}.row-remove-local-btn{background:none;border:none;color:var(--text-sub);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.row-remove-local-btn:hover{color:#ef4444;background:#ef44441f}.local-sync-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#000c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .25s ease-out}.local-sync-modal-box{background:linear-gradient(135deg,#181a26fa,#0f1018fc);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 60px -15px #000000d9;border-radius:24px;max-width:460px;width:100%;padding:24px;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}.local-sync-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}.local-sync-title-wrap{display:flex;align-items:center;gap:12px}.local-sync-icon-chip{width:42px;height:42px;border-radius:12px;background:#3b82f626;border:1px solid rgba(96,165,250,.3);display:flex;align-items:center;justify-content:center}.local-sync-heading{font-size:1.08rem;font-weight:700;color:#fff}.local-sync-desc{font-size:.76rem;color:var(--text-sub);margin-top:3px;line-height:1.4}.local-sync-close-btn{background:#ffffff14;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-sub);cursor:pointer;transition:all .2s}.local-sync-close-btn:hover{background:#ffffff29;color:#fff}.local-sync-form{display:flex;flex-direction:column;gap:14px}.local-sync-field{display:flex;flex-direction:column;gap:6px}.local-sync-row{display:flex;gap:12px}.local-sync-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#fffc}.local-sync-input,.local-sync-select{width:100%;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:.88rem;outline:none;transition:border-color .2s}.local-sync-input:focus,.local-sync-select:focus{border-color:#3b82f6;background:#ffffff17}.local-sync-select option{background:#181a26;color:#fff}.local-sync-cover-picker{display:flex;align-items:center;gap:12px}.local-sync-cover-preview{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.local-sync-cover-none{width:48px;height:48px;border-radius:10px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--text-sub)}.local-sync-upload-cover-btn{padding:6px 12px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:.76rem;color:#e2e8f0;cursor:pointer;transition:all .2s}.local-sync-upload-cover-btn:hover{background:#ffffff24}.local-sync-actions{display:flex;gap:12px;margin-top:10px}.local-sync-btn{flex:1;padding:12px;border-radius:14px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.local-sync-btn.cancel{background:#ffffff14;color:var(--text-sub)}.local-sync-btn.cancel:hover{background:#ffffff24;color:#fff}.local-sync-btn.submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 20px #3b82f659}.local-sync-btn.submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.mini-progress-interactive-track{position:absolute;top:0;left:0;right:0;height:12px;cursor:pointer;z-index:10;display:flex;align-items:flex-start}.mini-progress-rail{position:relative;width:100%;height:3px;background:#ffffff1f}.mini-progress-fill{height:100%;background:linear-gradient(to right,#9333ea,#ec4899);box-shadow:0 0 8px #ec4899;pointer-events:none}.mini-progress-thumb{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffffe6,0 2px 4px #00000080;cursor:grab;transition:transform .1s ease;z-index:5}.mini-progress-thumb:active,.mini-progress-thumb.is-dragging{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 14px #ec4899;cursor:grabbing}.wp-modal-backdrop{align-items:flex-start;justify-content:center;padding:0}.wp-picker-sheet-panel{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:65vh;max-height:540px;background:var(--bg-surface-elevated);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:0 0 24px 24px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top,8px)) 18px 20px 18px;gap:12px;animation:sheetSlideDown .3s cubic-bezier(.2,.9,.3,1) forwards;box-shadow:0 16px 48px #000000e6;z-index:160}@media(min-width:768px){.wp-picker-sheet-panel{max-width:720px}}@keyframes sheetSlideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.wp-picker-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.wp-picker-title{font-size:1.05rem;font-weight:700;color:#fff}.wp-picker-sub{font-size:.74rem;color:var(--text-sub)}.wp-close-circle-btn{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid var(--border-subtle);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.wp-auto-rotate-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-subtle)}.auto-rotate-text-group{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--accent-primary)}.auto-rotate-switch-btn{width:44px;height:24px;border-radius:12px;background:#ffffff29;border:none;cursor:pointer;position:relative}.auto-rotate-switch-btn.is-on{background:var(--accent-gradient)}.switch-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s cubic-bezier(.2,.9,.3,1)}.auto-rotate-switch-btn.is-on .switch-knob{transform:translate(20px)}.wp-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1;overflow-y:auto;padding-bottom:6px}.wp-picker-item{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;border:2px solid transparent;cursor:pointer}.wp-picker-item.is-selected{border-color:var(--accent-primary);box-shadow:0 0 16px var(--accent-glow)}.wp-card-thumb{width:100%;height:100%;object-fit:cover}.wp-card-footer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:space-between;padding:6px 10px}.wp-card-name{font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.wp-checked-badge{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);color:#0b0d18;display:flex;align-items:center;justify-content:center}.video-dialog-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px}.video-actions-cluster{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.video-action-circle-btn{width:32px!important;height:32px!important;border-radius:50%!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}.comment-track-summary{display:flex;align-items:center;gap:10px}.comment-header-cover{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.comment-header-title-row{display:flex;align-items:center;gap:6px}.comment-panel-title{font-size:1.05rem;font-weight:700;color:#fff}.comment-count-chip{font-size:.7rem;color:#c084fc;background:#9333ea33;padding:2px 8px;border-radius:10px;font-weight:600}.comment-track-sub{font-size:.76rem;color:#ffffff8c;margin-top:1px}.comment-card-box{display:flex;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.comment-user-avatar-gradient{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}.comment-card-content{flex:1;min-width:0}.comment-user-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.comment-user-name{font-size:.82rem;font-weight:600;color:#fff}.comment-timestamp{font-size:.68rem;color:#fff6}.comment-message-text{font-size:.82rem;color:#ffffffd1;line-height:1.5;word-break:break-word;overflow-wrap:break-word}.comment-pending-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:#f59e0b26;color:#fbbf24;font-size:.68rem;font-weight:600;margin-top:6px}.comment-stream-empty{display:flex;flex-direction:column;align-items:center;padding:45px 0;gap:8px;color:#fff6}.empty-chat-icon-circle{width:52px;height:52px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#c084fc;margin-bottom:4px}.empty-chat-icon-circle svg{width:24px!important;height:24px!important}.share-poster-card{padding:16px;border-radius:18px;background:linear-gradient(135deg,var(--bg-surface-elevated),var(--bg-surface));border:1px solid var(--border-subtle);display:flex;gap:16px;align-items:center;box-shadow:0 10px 28px #00000080}.share-poster-cover-box{position:relative;width:72px;height:72px;flex-shrink:0}.share-poster-cover-img{width:64px;height:64px;border-radius:12px;object-fit:cover;position:relative;z-index:2;box-shadow:0 4px 12px #00000080}.share-poster-vinyl-disc{position:absolute;right:-4px;top:4px;z-index:1;color:#475569;animation:spinRecord 10s linear infinite}.share-poster-info{flex:1;min-width:0}.share-poster-song-title{font-size:1.05rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-poster-song-artist{font-size:.8rem;color:var(--text-sub);margin-top:2px}.share-brand-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:var(--bg-glass);color:var(--accent-primary);font-size:.68rem;font-weight:600;margin-top:6px;border:1px solid var(--border-subtle)}.profile-view-container{padding:16px 16px 120px;display:flex;flex-direction:column;gap:14px}.profile-vip-card{padding:24px 20px 20px;border-radius:20px;background:linear-gradient(135deg,var(--bg-surface-elevated),var(--bg-surface));border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:0 12px 36px #00000073}.profile-vip-avatar-wrap{position:relative;width:fit-content;margin:0 auto}.profile-vip-avatar{width:62px;height:62px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px var(--accent-glow)}.profile-vip-sparkle{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#fbbf24;color:#0b0d18;display:flex;align-items:center;justify-content:center;border:2px solid #0b0d18}.profile-vip-info{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-vip-name-row{display:flex;align-items:center;justify-content:center;gap:8px}.profile-vip-name{font-size:1.15rem;font-weight:800;color:#fff}.profile-vip-badge{padding:2px 7px;border-radius:6px;background:var(--bg-glass);color:var(--accent-primary);font-size:.68rem;font-weight:700;border:1px solid var(--border-subtle)}.profile-vip-uid{font-size:.74rem;color:var(--text-sub);margin-top:2px}.profile-stats-rail{width:100%;display:flex;align-items:center;justify-content:space-around;padding:12px 14px;border-radius:16px;background:var(--bg-glass);border:1px solid var(--border-subtle)}.profile-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.stat-icon-title-row{display:flex;align-items:center;gap:4px}.stat-title-text{font-size:.72rem;color:var(--text-sub)}.stat-num-val{font-size:.76rem;color:#ffffffd9}.stat-num-val strong{font-size:1.12rem;font-weight:800;color:#fff;margin-right:2px}.stat-icon-purple{color:var(--accent-primary)}.stat-icon-pink{color:#f472b6}.stat-icon-green{color:#34d399}.profile-stat-divider{width:1px;height:28px;background:var(--border-subtle)}.profile-card-group{padding:16px 18px;border-radius:18px;background:var(--bg-glass);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.profile-group-header{display:flex;align-items:center;gap:8px}.group-header-icon{color:var(--accent-primary)}.group-header-title{font-size:.88rem;font-weight:700;color:#fff}.profile-admin-special-card{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,var(--accent-glow) 0%,var(--bg-surface-elevated) 100%);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .15s ease}.profile-admin-special-card:active{transform:scale(.98)}.admin-special-left{display:flex;align-items:center;gap:12px}.admin-shield-badge{width:42px;height:42px;border-radius:12px;background:var(--bg-glass);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.admin-special-title{font-size:.94rem;font-weight:800;color:#fff}.admin-special-desc{font-size:.72rem;color:var(--text-sub);margin-top:2px}.admin-enter-circle-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.library-empty-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;margin:16px 12px;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);text-align:center;overflow:hidden}.empty-glow-orb{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(147,51,234,.25) 0%,transparent 70%);pointer-events:none}.empty-music-badge{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;background:#9333ea26;border:1px solid rgba(147,51,234,.3);display:flex;align-items:center;justify-content:center;color:#c084fc;margin-bottom:12px}.empty-title{position:relative;z-index:2;font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:6px}.empty-desc{position:relative;z-index:2;font-size:.78rem;color:#ffffff8c;line-height:1.5;max-width:260px;margin-bottom:16px}.empty-action-pill{position:relative;z-index:2;padding:8px 18px;border-radius:16px;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #9333ea66}.action-sheet-modal-backdrop{align-items:flex-end;padding:0;z-index:180}.music-action-sheet-panel{width:100%;max-width:480px;margin:0 auto;background:#0f121efa;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;padding:12px 18px calc(24px + env(safe-area-inset-bottom,14px)) 18px;gap:16px;animation:sheetSpringUp .28s cubic-bezier(.2,.9,.3,1) forwards;box-shadow:0 -12px 48px #000000d9}@media(min-width:768px){.action-sheet-modal-backdrop{align-items:center;justify-content:center;padding:24px}.music-action-sheet-panel{max-width:520px;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px #000000d9}}.sheet-drag-handle{width:36px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 4px}.sheet-track-hero-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px}.sheet-track-cover-art{width:52px;height:52px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #00000080}.sheet-track-hero-info{flex:1;min-width:0}.sheet-track-name{font-size:.96rem;font-weight:700;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-track-meta-sub{font-size:.76rem;color:#ffffff8c;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-track-category-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:#9333ea29;border:1px solid rgba(147,51,234,.3);font-size:.68rem;font-weight:600;color:#c084fc}.sheet-close-round-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sheet-close-round-btn:hover{background:#ffffff24;color:#fff}.sheet-action-buttons-group{display:flex;flex-direction:column;gap:8px}.sheet-menu-row-btn{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:transparent;border:1px solid transparent;color:#fff;text-align:left;cursor:pointer;transition:all .18s ease}.sheet-menu-row-btn:active{background:#ffffff14;transform:scale(.99)}.menu-icon-badge{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-play-purple{background:#9333ea33;color:#c084fc;border:1px solid rgba(147,51,234,.4)}.badge-loved-pink{background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.4)}.badge-neutral{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.12)}.badge-mv-blue{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.badge-comment-green{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.badge-share-orange{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.4)}.badge-download-cyan{background:#06b6d433;color:#22d3ee;border:1px solid rgba(6,182,212,.4)}.badge-loved-green{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.menu-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.menu-row-main-title{font-size:.9rem;font-weight:600;color:#f8fafc}.menu-row-desc{font-size:.72rem;color:#ffffff73}.vinyl-full-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;flex-direction:column;background:#090a10;overflow:hidden;animation:vinylSlideUp .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes vinylSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.vinyl-bg-blur{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;filter:blur(50px) brightness(.35) saturate(1.4);transform:scale(1.1);z-index:1;pointer-events:none}.vinyl-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0e122066,#080a12e0 80%);z-index:2;pointer-events:none}.vinyl-top-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,10px)) 16px 10px 16px}.icon-btn-large{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.icon-btn-large:hover{background:#ffffff2e;transform:scale(1.05)}.vinyl-header-track-info{flex:1;text-align:center;padding:0 12px;min-width:0}.vinyl-main-title{font-size:1.08rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.vinyl-main-artist{font-size:.78rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder-box{width:44px}.vinyl-stage-container{position:relative;z-index:10;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px;gap:16px}@media(min-width:768px){.vinyl-stage-container{flex-direction:row;max-width:960px;margin:0 auto;width:100%;gap:40px}}.vinyl-turntable-box{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-height:700px){.vinyl-turntable-box{width:280px;height:280px}}.vinyl-tonearm{position:absolute;top:-24px;right:28px;width:60px;height:100px;z-index:15;transform-origin:45px 12px;transform:rotate(-30deg);transition:transform .5s cubic-bezier(.2,.9,.3,1);pointer-events:none}.vinyl-tonearm.tonearm-playing{transform:rotate(-3deg)}.tonearm-base{position:absolute;top:6px;right:10px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#cbd5e1,#475569 80%);box-shadow:0 2px 6px #0009}.tonearm-rod{position:absolute;top:18px;right:18px;width:4px;height:72px;background:linear-gradient(to bottom,#94a3b8,#e2e8f0 40%,#64748b);border-radius:2px;box-shadow:1px 2px 4px #0006}.tonearm-head{position:absolute;bottom:6px;right:14px;width:12px;height:18px;background:#1e293b;border-radius:2px;border:1px solid #475569}.vinyl-disc-body{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#181920,#0d0e14 60%,#050608);position:relative;box-shadow:0 16px 40px #000000b3,inset 0 0 12px #ffffff14;display:flex;align-items:center;justify-content:center}.vinyl-disc-body.vinyl-spinning{animation:spinVinyl 16s linear infinite}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-groove-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none}.ring-1{width:88%;height:88%;border-color:#ffffff0a}.ring-2{width:72%;height:72%;border-color:#ffffff08}.ring-3{width:56%;height:56%;border-color:#ffffff0d}.vinyl-center-label{position:relative;width:42%;height:42%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #000c;border:4px solid #11131a}.vinyl-cover-image{width:100%;height:100%;object-fit:cover}.vinyl-spindle-hole{position:absolute;width:14px;height:14px;border-radius:50%;background:#090a10;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 3px #000c}.vinyl-lyrics-pane{flex:1;width:100%;min-height:140px;max-height:280px;display:flex;flex-direction:column;background:#0e121e73;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px 16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media(min-width:768px){.vinyl-lyrics-pane{max-height:380px;height:380px}}.vinyl-lyrics-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;font-weight:700;color:#c084fc;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.lyrics-header-left{display:flex;align-items:center;gap:8px;flex:1}.btn-exit-pure-lyrics{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#c084fc;font-size:.72rem;padding:3px 10px;cursor:pointer;transition:all .2s}.btn-exit-pure-lyrics:hover{background:#ffffff26;color:#fff}.view-mode-lyrics .vinyl-turntable-box{display:none!important}.view-mode-lyrics .vinyl-lyrics-pane{max-height:100%!important;height:100%!important;background:#0e121e59;border:1px solid rgba(255,255,255,.08)}.view-mode-lyrics .lyric-line{font-size:1.15rem;line-height:1.9}.view-mode-lyrics .lyric-line.active{font-size:1.42rem}.dynamic-title-group{display:flex;align-items:center;gap:10px}.playlist-active-badge{font-size:.72rem;color:#c084fc;background:#9333ea26;border:1px solid rgba(147,51,234,.3);padding:2px 8px;border-radius:6px;font-weight:600}.design-playlist-card{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.playlist-card-selected{transform:translateY(-2px)}.playlist-card-selected .playlist-art-wrap{box-shadow:0 8px 24px #0009,0 0 0 2px var(--accent-primary),inset 0 0 16px var(--accent-glow)}.playlist-card-selected .playlist-art-img{transform:scale(1.05);filter:brightness(1.05);transition:transform .3s ease}.playlist-card-selected .playlist-card-title{color:var(--accent-primary);font-weight:700}.playlist-card-selected .playlist-card-count{color:var(--accent-primary);opacity:.9;font-weight:600}.playlist-selected-ribbon{position:absolute;top:8px;left:8px;z-index:5;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:#0e1220d9;border:1px solid rgba(192,132,252,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.64rem;font-weight:700;color:#c084fc;box-shadow:0 2px 8px #00000080}.ribbon-sparkle-dot{width:6px;height:6px;border-radius:50%;background:#c084fc;box-shadow:0 0 6px #c084fc;animation:dotPulse 1.5s infinite alternate}@keyframes dotPulse{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.2)}}.playlist-hover-play-btn.is-active-btn{background:linear-gradient(135deg,#9333ea,#ec4899)!important;color:#fff!important;box-shadow:0 4px 14px #9333ea99!important;transform:scale(1.08)}.design-tile-btn.tile-recent-active{transform:translateY(-2px)}.design-tile-btn.tile-recent-active .tile-icon-box.tile-purple{box-shadow:0 0 16px #a855f7bf,0 0 28px #9333ea73;border:1.5px solid rgba(192,132,252,.85);transform:scale(1.08);transition:all .25s ease}.design-tile-btn.tile-recent-active .spin-smooth-slow{animation:spinRecord 10s linear infinite}.design-tile-btn.tile-recent-active .tile-label{color:#c084fc;font-weight:700;text-shadow:0 0 8px rgba(192,132,252,.45)}.lyric-scroll-container{flex:1;overflow-y:auto;scroll-behavior:smooth;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);padding:24px 8px}.lyric-scroll-container::-webkit-scrollbar{width:3px}.lyric-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.lyric-content-wrapper{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.lyric-line{font-size:.95rem;line-height:1.5;color:#ffffff61;transition:all .28s cubic-bezier(.2,.8,.2,1);cursor:pointer;padding:4px 12px;border-radius:8px}.lyric-line:hover{color:#ffffffb3;background:#ffffff0a}.lyric-line.active{font-size:1.15rem;font-weight:700;color:#fff;text-shadow:0 0 16px rgba(192,132,252,.8),0 2px 8px rgba(0,0,0,.8);transform:scale(1.05)}.lyric-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6;font-size:.85rem}.vinyl-bottom-dock{position:relative;z-index:10;display:flex;flex-direction:column;background:#0e121ed1;border-top:1px solid rgba(255,255,255,.1);padding:14px 20px calc(24px + env(safe-area-inset-bottom,16px)) 20px;gap:14px}.vinyl-dock-progress-row{display:flex;align-items:center;gap:12px}.vinyl-dock-time{font-size:.74rem;font-variant-numeric:tabular-nums;color:#ffffff8c;min-width:34px}.vinyl-dock-slider{flex:1;accent-color:#c084fc;height:4px;cursor:pointer}.vinyl-dock-buttons-row{display:flex;align-items:center;justify-content:space-around}.icon-btn-control{background:transparent;border:none;color:#ffffffbf;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn-control:hover{color:#fff;background:#ffffff14}.btn-has-video{color:#60a5fa}.btn-play-pause-main{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #9333ea99;transition:all .2s cubic-bezier(.2,.9,.3,1)}.btn-play-pause-main:hover{transform:scale(1.06);box-shadow:0 6px 24px #ec4899b3}.btn-play-pause-main:active{transform:scale(.96)}.share-sheet-container{width:100%;max-width:440px;margin:0 auto;background:#0e121efa;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.12);padding:14px 18px calc(24px + env(safe-area-inset-bottom,14px)) 18px;display:flex;flex-direction:column;gap:16px;animation:sheetSpringUp .3s cubic-bezier(.2,.9,.3,1) forwards;box-shadow:0 -16px 48px #000000e6}.share-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.share-header-left{display:flex;align-items:center;gap:8px}.share-sparkle-icon{color:#c084fc}.share-panel-title{font-size:1rem;font-weight:700;color:#fff}.share-close-circle-btn{width:30px;height:30px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.share-close-circle-btn:hover{background:#ffffff26;color:#fff}.share-poster-card{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);display:flex;gap:16px;align-items:center;box-shadow:inset 0 1px #ffffff1a}.share-poster-cover-box{position:relative;width:76px;height:76px;flex-shrink:0}.share-poster-cover-img{width:66px;height:66px;border-radius:12px;object-fit:cover;position:relative;z-index:2;box-shadow:0 6px 16px #0009}.share-poster-vinyl-disc{position:absolute;right:0;top:8px;z-index:1;color:#475569;animation:spinRecord 10s linear infinite}.share-poster-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.share-poster-song-title{font-size:1.05rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-poster-song-artist{font-size:.78rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-poster-brand-row{margin-top:4px}.share-brand-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;background:#9333ea2e;border:1px solid rgba(147,51,234,.35);font-size:.68rem;font-weight:600;color:#c084fc}.share-actions-group{display:flex;flex-direction:column;gap:12px}.share-link-input-wrapper{display:flex;gap:8px}.share-link-textbox{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.76rem;outline:none}.share-copy-trigger-btn{display:flex;align-items:center;gap:6px;padding:0 14px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.share-copy-trigger-btn.is-copied{background:#10b98133;border-color:#10b98166;color:#34d399}.share-send-master-btn{width:100%;height:52px;border-radius:16px;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;color:#fff;display:flex;align-items:center;padding:0 16px;gap:12px;cursor:pointer;box-shadow:0 6px 20px #9333ea73;transition:all .2s cubic-bezier(.2,.9,.3,1)}.share-send-master-btn:hover{transform:translateY(-1px);box-shadow:0 8px 26px #ec489999}.share-send-master-btn:active{transform:scale(.98)}.send-btn-icon-wrapper{width:36px;height:36px;border-radius:10px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-fly-icon{color:#fff;transform:translate(-1px,1px)}.send-btn-texts{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}.send-btn-main{font-size:.92rem;font-weight:700;line-height:1.2}.send-btn-sub{font-size:.68rem;color:#ffffffbf;line-height:1.2;margin-top:2px}.profile-update-box{display:flex;align-items:center;justify-content:space-between;gap:12px}.update-desc-texts{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.update-main-label{font-size:.82rem;font-weight:600;color:#fff}.update-sub-label{font-size:.7rem;color:var(--text-sub)}.btn-pwa-hard-refresh{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--accent-primary);font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;flex-shrink:0}.btn-pwa-hard-refresh:hover:not(:disabled){background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--accent-glow)}.btn-pwa-hard-refresh:disabled{opacity:.65;cursor:not-allowed}.ui-toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:999999;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;width:90%;max-width:420px}.ui-toast-card{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:14px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 36px #000000a6,0 0 0 1px #ffffff14;animation:toastSlideIn .28s cubic-bezier(.16,1,.3,1) forwards;transition:all .25s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{background:#10b98138;border:1px solid rgba(16,185,129,.45);color:#ecfdf5}.toast-success .ui-toast-icon{color:#34d399}.toast-error{background:#ef444438;border:1px solid rgba(239,68,68,.45);color:#fef2f2}.toast-error .ui-toast-icon{color:#f87171}.toast-warning{background:#f59e0b38;border:1px solid rgba(245,158,11,.45);color:#fffbeb}.toast-warning .ui-toast-icon{color:#fbbf24}.toast-info{background:#3b82f638;border:1px solid rgba(59,130,246,.45);color:#eff6ff}.toast-info .ui-toast-icon{color:#60a5fa}.ui-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-toast-msg{flex:1;font-size:.88rem;font-weight:600;line-height:1.4;word-break:break-word}.ui-toast-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;flex-shrink:0}.ui-toast-close:hover{background:#ffffff1f;color:#fff}.fetch-online-modal-card{width:100%;max-width:500px;margin:0 16px;background:var(--bg-surface-elevated, #131724);border:1px solid rgba(59,130,246,.35);border-radius:20px;padding:22px;box-shadow:0 24px 60px #000c,0 0 40px #3b82f626;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:16px}.modal-title-icon-badge.badge-blue{background:#3b82f62e;border:1px solid rgba(59,130,246,.35);color:#60a5fa}.fetch-online-modal-body{display:flex;flex-direction:column;gap:14px}.font-mono-sub{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem!important}.fetch-action-options-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}@media(max-width:480px){.fetch-action-options-group{grid-template-columns:1fr}}.fetch-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.fetch-choice-card:hover:not(:disabled){background:#ffffff14;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.fetch-choice-card:disabled{opacity:.55;cursor:not-allowed}.choice-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-icon-wrap.icon-green{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#34d399}.choice-icon-wrap.icon-purple{background:#a855f72e;border:1px solid rgba(168,85,247,.35);color:#c084fc}.choice-text-wrap{display:flex;flex-direction:column;gap:3px}.choice-main-title{font-size:.86rem;font-weight:700;color:#fff;margin:0}.choice-sub-desc{font-size:.68rem;color:#fff9;line-height:1.35;margin:0}.fetch-loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;background:#3b82f61a;border:1px dashed rgba(59,130,246,.35);color:#60a5fa;font-size:.78rem;font-weight:600}.download-fetch-action-btn{background:#3b82f629!important;border-color:#3b82f659!important;color:#60a5fa!important}.download-fetch-action-btn:hover{background:#3b82f647!important;color:#fff!important}