:root{--accent:#e87040;--accent-rgb:232, 112, 64;--accent-light:#f09060;--accent-dark:#c85830;--accent-gradient:linear-gradient(135deg, #e87040, #c85830);--accent-gradient-purple:linear-gradient(135deg, #9333ea, #6366f1);--accent-gradient-hero:linear-gradient(135deg, #e8704026, #c8583014, transparent);--accent-shadow:0 4px 16px #e870404d;--accent-shadow-sm:0 4px 16px #e8704066;--cover-shadow:0 20px 60px #00000080;--avatar-shadow:0 4px 12px #0000004d;--font-display:"Plus Jakarta Sans", system-ui, sans-serif}html{font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow:hidden}::selection{color:inherit;background:#e870404d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#80808040}.page-center-screen{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.page-canvas-bg{opacity:.3;width:100%;height:100%;position:absolute;inset:0}.page-canvas-overlay{background:linear-gradient(to bottom, transparent, var(--n-color) 80%);position:absolute;inset:0}.page-login-card{z-index:1;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);width:400px;position:relative}.login-brand{align-items:center;gap:14px;margin-bottom:32px;display:flex}.login-brand-avatar{background:var(--accent-gradient);flex-shrink:0}.login-title{letter-spacing:-.5px;font-size:20px;font-weight:800}.login-subtitle{opacity:.5;font-size:12px}.login-heading{letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.login-heading-sub{opacity:.5;margin-bottom:24px;font-size:13px}.login-submit{margin-top:8px;background:var(--accent-gradient)!important;box-shadow:var(--accent-shadow)!important}.login-footer{text-align:center;opacity:.3;margin-top:20px;font-size:11px}.section-title{margin-bottom:20px;font-size:16px;font-weight:700}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title-row .title{font-size:16px;font-weight:700}.section-title-row .count{opacity:.4;font-size:12px}.hero-card-content{background:var(--accent-gradient-hero);border-radius:12px;padding:40px 32px;position:relative;overflow:hidden}.hero-card-content>*{z-index:1;position:relative}.hero-eq-bars{align-items:flex-end;gap:4px;margin-bottom:16px;display:flex}.hero-eq-bar{background:var(--accent);border-radius:2px;width:3px;animation:.6s ease-in-out infinite eq-bar;display:inline-block}.hero-title{letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.hero-desc{opacity:.5;margin-bottom:20px;font-size:13px}.music-card{cursor:pointer;border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.music-card:hover{transform:scale(1.03)}.music-card-cover{padding-bottom:100%;position:relative}.music-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.music-card-info{padding:8px 2px 0}.music-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.music-card-singer{opacity:.4;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.music-card-rank{color:#fff;background:#e87040e6;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.play-overlay{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.music-card:hover .play-overlay{opacity:1}.play-overlay-avatar{background:var(--accent)!important;box-shadow:var(--accent-shadow-sm)!important}.top-rank-text{text-align:center;font-variant-numeric:tabular-nums;width:20px;font-size:11px}.top-rank-text.highlight{color:var(--accent);font-weight:700}.top-rank-text.normal{opacity:.4}.mgr-section{margin-top:32px}.mgr-section-title{opacity:.4;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.accent-gradient-indicator{background:linear-gradient(#f59e0b,#e87040);border-radius:2px;width:4px;height:24px}.mgr-title{font-size:18px;font-weight:700}.btn-accent{background:var(--accent-gradient)!important;box-shadow:0 4px 12px #e870404d!important}.btn-purple{background:var(--accent-gradient-purple)!important;box-shadow:0 4px 12px #9333ea4d!important}.time-text{opacity:.4;font-variant-numeric:tabular-nums;font-size:11px}.singer-text{opacity:.5;font-size:11px}.music-name-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col-center{flex-direction:column;align-items:center;display:flex}.gap-row{align-items:center;gap:8px;display:flex}.stat-value{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:24px;font-weight:800}.stat-label{opacity:.4;font-size:11px}.user-banner{background:var(--accent-gradient-hero);height:96px;margin:-20px -20px 0;position:relative}.user-avatar-section{align-items:flex-end;gap:16px;margin-top:-36px;margin-bottom:20px;display:flex}.user-avatar-wrap{cursor:pointer;flex-shrink:0}.user-avatar-wrap .n-avatar{box-shadow:var(--avatar-shadow)}.user-nickname{font-size:18px;font-weight:700}.user-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.user-meta .username{opacity:.4;font-size:12px}.user-actions{gap:12px;margin-top:8px;display:flex}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.bookmark-item-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bookmark-item-info{flex:1;min-width:0}.bookmark-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.bookmark-item-count{opacity:.4;font-size:11px}.bookmark-actions{gap:8px;display:flex;overflow:hidden}.bookmark-actions .n-button{flex:1;min-width:0}.sidebar-brand{align-items:center;gap:10px;padding:20px 20px 8px;display:flex}.sidebar-brand-name{letter-spacing:-.3px;font-size:16px;font-weight:800}.sidebar-admin-label{letter-spacing:.12em;opacity:.4;text-transform:uppercase;padding:0 8px 4px;font-size:10px;font-weight:700}.sidebar-user-section{border-top:1px solid var(--n-border-color);padding:12px}.sidebar-user-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:background .2s;display:flex}.sidebar-user-row:hover{background:#8080800f}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sidebar-dropdown{padding:4px 0 0}.header-bar{justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-title{font-size:15px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.header-login-btn{font-size:13px}.header-user{cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.header-user:hover{background:#80808014}.header-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:13px;font-weight:500;overflow:hidden}.content-area{padding:20px 24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eq-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.slide-panel-enter-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-panel-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-panel-enter-from,.slide-panel-leave-to{opacity:0;transform:translate(100%)}