:root{color:#1d1b2f;font-synthesis:none;-webkit-font-smoothing:antialiased;--fs-display:clamp(28px, 3.2vw, 40px);--fs-h1:clamp(22px, 2.2vw, 30px);--fs-h2:clamp(19px, 1.8vw, 25px);--fs-h3:17px;--fs-h4:15px;--fs-body:14px;--fs-small:13px;--fs-tiny:12px;--ls-cjk:0;--lh-title:1.35;--lh-body:1.75;background:#f4f3fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}h1,h2,h3,h4{letter-spacing:var(--ls-cjk);line-height:var(--lh-title);text-wrap:balance}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.splash{text-align:center;color:#6258d9;place-content:center;gap:18px;min-height:100vh;display:grid}.logo-mark{color:#fff;letter-spacing:-2px;background:linear-gradient(145deg,#715cff,#4738dc);border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 14px 35px #5142dc55}.brand{letter-spacing:.13em;align-items:center;gap:13px;display:flex}.brand.compact{padding:25px 22px}.brand.compact .logo-mark{border-radius:13px;width:40px;height:40px}.login-page{background:#fff;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 75% 25%,#8d81ff 0,#0000 28%),linear-gradient(145deg,#241b63,#5b4df7 58%,#7569ff);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.story-copy{z-index:2;max-width:680px;margin:auto 0 8vh;position:relative}.story-copy h1{font-size:var(--fs-display);margin:14px 0;line-height:1.3}.story-copy p{color:#e8e4ff;max-width:520px;font-size:var(--fs-body);line-height:var(--lh-body)}.eyebrow{letter-spacing:.18em;color:#d9d3ff;font-size:12px;font-weight:800}.eyebrow.dark{color:#6b62d7}.orbit{border:1px solid #ffffff30;border-radius:50%;position:absolute}.orbit-a{width:520px;height:520px;bottom:-170px;right:-160px}.orbit-b{width:300px;height:300px;top:130px;right:-40px}.login-panel{place-items:center;padding:42px;display:grid}.login-card{width:min(440px,100%)}.login-card h2{margin:10px 0 6px;font-size:clamp(21px,2vw,26px)}.login-card>p{color:#77738c;margin-bottom:32px}.login-card label{gap:8px;margin:20px 0;font-size:14px;font-weight:700;display:grid}.login-card input,.toolbar input{background:#faf9fd;border:1px solid #dedbea;border-radius:14px;outline:none;width:100%;padding:15px 16px}.login-card input:focus,.toolbar input:focus{background:#fff;border-color:#6658ef;box-shadow:0 0 0 4px #6658ef16}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6658ef,#4b3ad4);border:0;border-radius:14px;padding:15px 22px;font-weight:800;box-shadow:0 12px 30px #5d4ae83d}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button.inline{margin-top:14px;display:inline-flex}.form-error{color:#b52c4d;background:#fff0f4;border-radius:12px;margin-bottom:14px;padding:12px}.login-card small{color:#9a96a8;margin-top:16px;line-height:1.6;display:block}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f7f5ff;background:#19142d;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar nav{gap:6px;padding:16px;display:grid}.sidebar nav a{color:#afa9c4;border-radius:13px;gap:13px;padding:14px 16px;display:flex}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#ffffff12}.sidebar-footer{border-top:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:18px;display:grid}.sidebar-footer small{color:#9891ae;margin-top:3px;font-size:10px;display:block}.sidebar-footer button{color:#aca5c2;cursor:pointer;background:0 0;border:0}.avatar{color:#2d2455;background:#dcd6ff;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.avatar.small{border-radius:11px;width:34px;height:34px}.workspace{min-width:0}.page{max-width:1440px;margin:auto;padding:32px clamp(20px,3vw,52px) 64px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.page-header h1{font-size:var(--fs-h1);margin:8px 0 6px}.page-header p{color:#77738b;max-width:760px;margin:0;line-height:1.7}.version-pill,.count-badge{color:#6357df;background:#e9e6ff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.hero-card{color:#fff;background:linear-gradient(135deg,#4937cf,#7263f7);border-radius:30px;justify-content:space-between;align-items:center;min-height:200px;padding:clamp(28px,4vw,54px);display:flex;overflow:hidden;box-shadow:0 24px 60px #4e3dc42a}.hero-card h2{font-size:var(--fs-h2);margin:8px 0}.hero-card p{color:#e0dcff}.wave-visual{opacity:.8;align-items:center;gap:10px;height:130px;padding:0 30px;display:flex}.wave-visual i{background:#fff;border-radius:99px;width:10px;height:40px;animation:1.5s ease-in-out infinite alternate wave;display:block}.wave-visual i:nth-child(2),.wave-visual i:nth-child(6){height:80px;animation-delay:.2s}.wave-visual i:nth-child(3),.wave-visual i:nth-child(5){height:110px;animation-delay:.4s}.wave-visual i:nth-child(4){height:130px;animation-delay:.6s}@keyframes wave{to{opacity:.45;transform:scaleY(.55)}}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.metric-card,.panel,.song-card,.empty-panel{background:#fff;border:1px solid #e9e6f0;border-radius:22px}.metric-card{padding:22px}.metric-card span,.metric-card small{color:#888399}.metric-card strong{font-variant-numeric:tabular-nums;margin:10px 0 6px;font-size:26px;display:block}.split-grid,.admin-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.panel{padding:26px}.panel h3{font-size:var(--fs-h3);margin:6px 0 16px}.accent-panel{color:#fff;background:linear-gradient(145deg,#201a42,#342568);border:0}.accent-panel p{color:#c9c2e8;line-height:1.8}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline li{color:#8c879b;grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}.timeline b{background:#f0eef6;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.timeline .done{color:#2a2442;font-weight:700}.timeline .done b{color:#fff;background:#6558eb}.toolbar{align-items:center;gap:14px;margin-bottom:20px;display:flex}.toolbar input{max-width:520px}.toolbar span{color:#7c778e;font-size:var(--fs-small)}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.song-card{transition:transform .2s,box-shadow .2s;overflow:hidden}.song-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #2c244514}.song-card>div:last-child{padding:18px}.song-card small{color:#8b8598}.song-card h3{font-size:var(--fs-h4);margin:5px 0}.song-card p{font-size:var(--fs-tiny);color:#888399;line-height:1.6}.song-cover{color:#fff;background:linear-gradient(145deg,hsl(var(--song-hue) 76% 58%),hsl(calc(var(--song-hue) + 25) 70% 42%));height:118px;padding:18px;position:relative}.song-cover span{font-size:26px}.song-cover b{opacity:.32;font-variant-numeric:tabular-nums;font-size:30px;position:absolute;top:10px;right:16px}.song-cover i{border:1px solid #ffffff40;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-20px}.variant-preview{align-items:center;gap:7px;margin-top:14px;display:flex}.variant-preview span{color:#6257dd;background:#edeaff;border-radius:8px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.variant-preview em{color:#aaa5b4;font-size:11px;font-style:normal}.empty-panel{text-align:center;place-content:center;min-height:360px;padding:40px;display:grid}.empty-panel>div{color:#6c5ee8;font-size:38px}.empty-panel p{color:#7b768b;max-width:620px;line-height:var(--lh-body);font-size:var(--fs-body)}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.user-list,.capability-list{gap:10px;display:grid}.user-list>div{background:#f8f7fb;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.user-list small{color:#888399;display:block}.user-list em{color:#6d62d5;font-size:11px;font-style:normal}.capability-list>div{border-bottom:1px solid #eeebf3;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.capability-list span{color:#777287}.capability-list b{text-align:right;font-size:12px}@media (width<=1100px){.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wave-visual{display:none}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-story{min-height:42vh;padding:28px}.story-copy{margin:70px 0 10px}.login-panel{padding:34px 24px}.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;grid-template-columns:auto 1fr;align-items:center;height:auto;display:grid;position:sticky}.sidebar nav{display:flex;overflow:auto}.sidebar nav a span,.sidebar-footer,.brand.compact b{display:none}.page{padding:28px 18px 70px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.admin-grid{grid-template-columns:1fr}.page-header{display:block}.version-pill{margin-top:14px;display:inline-block}}@media (width<=520px){.song-grid,.metric-grid{grid-template-columns:1fr}.hero-card{flex-direction:column;align-items:flex-start;gap:16px;min-height:auto}.page-header h1{font-size:21px}.login-story{min-height:auto;padding:32px 24px}.story-copy h1{font-size:24px}.login-page{grid-template-columns:1fr}.page{padding:22px 18px 56px}}.variant-preview .chip{cursor:pointer;color:#6257dd;background:#edeaff;border:none;border-radius:9px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.variant-preview .chip:hover{background:#ded8ff}.variant-preview .chip.active{color:#fff;background:#6257dd}.variant-preview .chip.ghost{color:#8b85a6;background:0 0;border:1px dashed #cfc9e0}.player-bar{color:#fff;background:#1d1930;border-radius:16px;align-items:center;gap:14px;margin-top:26px;padding:12px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 20px 50px #1d193040}.player-bar .player-key{letter-spacing:.5px;background:#332c56;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:900}.player-bar .player-progress{cursor:pointer;background:#3a3358;border-radius:99px;flex:1;height:8px;overflow:hidden}.player-bar .player-progress i{background:linear-gradient(90deg,#8f83ff,#c9a8ff);border-radius:99px;height:100%;display:block}.player-bar .player-time{font-variant-numeric:tabular-nums;color:#c8c2e6;font-size:12px}.player-bar .player-state{color:#9c95c9;font-size:12px}.player-bar .player-error{color:#ff9db5;font-size:12px;font-style:normal}.muted{color:#8b8598}.small{font-size:var(--fs-small)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-tiny)}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.right{text-align:right}.data-table-wrap{margin:0 -6px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.data-table th{text-align:left;color:#7c778e;white-space:nowrap;border-bottom:1px solid #eeebf3;padding:10px 12px;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #f4f2f8;padding:12px}.data-table tr:last-child td{border-bottom:0}.data-table tr.row-muted{opacity:.55}.data-table .actions{white-space:nowrap;justify-content:flex-end;gap:10px;display:flex}.tag{color:#6257dd;background:#edeaff;border-radius:7px;margin-right:5px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-block}.tag.self{color:#1f8a54;background:#e6f7ee}.pill{color:#7c778e;background:#f0eef6;border-radius:999px;margin-right:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}.pill.ok{color:#1f8a54;background:#e6f7ee}.pill.bad{color:#c0294a;background:#fdeaee}.pill.off{color:#9891ae;background:#f4f2f8}.link-button{color:#6257dd;font-weight:700;font-size:var(--fs-small);cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.link-button:disabled{color:#b8b3c6;cursor:not-allowed;text-decoration:none}.link-button.danger{color:#c0294a}.ghost-button{color:#4a4363;font-weight:700;font-size:var(--fs-small);cursor:pointer;background:#fff;border:1px solid #ddd8ec;border-radius:11px;padding:9px 16px}.ghost-button:hover{border-color:#b9b1e4}.primary-button.compact{font-size:var(--fs-small);border-radius:11px;padding:9px 16px}.form-error.block,.form-notice{font-size:var(--fs-small);border-radius:12px;margin:14px 0;padding:12px 15px;line-height:1.7}.form-error.block{color:#a3213f;background:#fdeaee}.form-notice{color:#2f4b8f;background:#eef3ff}.form-notice.block{margin-bottom:18px}.hint{color:#9891ae;margin-top:5px;font-size:11px;font-weight:400;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#221c3d80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(520px,100%);max-height:88vh;padding:26px;overflow-y:auto;box-shadow:0 30px 80px #1c163a40}.modal.wide{width:min(640px,100%)}.modal h3{font-size:var(--fs-h3);margin:0 0 18px}.modal label{font-size:var(--fs-small);gap:7px;margin:15px 0;font-weight:700;display:grid}.modal input,.modal select{font-weight:400;font-size:var(--fs-body);border:1px solid #ddd8ec;border-radius:11px;padding:11px 13px}.modal input:focus,.modal select:focus{border-color:#0000;outline:2px solid #b9b1e4}.modal label.check{flex-direction:row;align-items:center;gap:9px;font-weight:600;display:flex}.modal label.check input{width:auto}.modal-actions{justify-content:flex-end;gap:11px;margin-top:24px;display:flex}.input-row{gap:9px;display:flex}.input-row input{flex:1}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.role-picker{border:1px solid #eeebf3;border-radius:13px;margin:15px 0;padding:13px 15px}.role-picker legend{font-size:var(--fs-small);padding:0 6px;font-weight:700}.preset-row{font-size:var(--fs-small);color:#7c778e;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.toolbar.tight{gap:9px;margin:0}.toolbar select{font-size:var(--fs-small);border:1px solid #ddd8ec;border-radius:11px;padding:9px 12px}.stream-status{color:#5348b8;font-size:var(--fs-small);background:#f6f4ff;border-radius:13px;align-items:center;gap:11px;margin:16px 0;padding:14px 16px;font-weight:600;display:flex}.spinner{border:2px solid #cfc7f5;border-top-color:#6257dd;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.report-output{max-height:560px;line-height:var(--lh-body);font-size:var(--fs-body);background:#faf9fd;border-radius:15px;margin-top:16px;padding:20px 22px;overflow-y:auto}.report-output p{margin:0 0 13px}.report-output ul{margin:0 0 13px;padding-left:20px}.report-output li{margin-bottom:7px}.report-output .md-h2{font-size:var(--fs-h3);color:#3c3560;margin:20px 0 10px}.report-output .md-h2:first-child{margin-top:0}.report-output .md-h3{font-size:var(--fs-h4);color:#4a4363;margin:15px 0 8px}.report-output code{background:#edeaff;border-radius:5px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:12px}.caret{vertical-align:text-bottom;background:#6257dd;width:8px;height:16px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.variant-bars{gap:9px;margin-top:14px;display:grid}.variant-bar{grid-template-columns:58px 1fr 42px;align-items:center;gap:11px;display:grid}.variant-bar i{background:linear-gradient(90deg,#7263f7,#4937cf);border-radius:999px;min-width:4px;height:9px}.variant-bar b{text-align:right;font-size:var(--fs-tiny);color:#7c778e}@media (width<=720px){.field-row{grid-template-columns:1fr}.data-table .actions{flex-direction:column;align-items:flex-end;gap:6px}.truncate{max-width:140px}}.song-detail{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);align-items:start;gap:20px;display:grid}.lyrics-panel .lyrics-body{max-height:560px;padding-right:8px;overflow-y:auto}.lyric-section{margin-bottom:22px}.lyric-section h4{font-size:var(--fs-small);color:#7c778e;margin:0 0 9px;font-weight:700}.lyric-line{font-size:var(--fs-body);color:#2d2745;margin:0 0 7px;line-height:1.9}.lyric-line.lang-mix{color:#4a3fc0}.play-panel .mt{margin-top:24px}.variant-list{gap:9px;margin-top:12px;display:grid}.variant-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #eeebf3;border-radius:13px;grid-template-columns:34px 1fr 28px;align-items:center;gap:11px;width:100%;padding:11px 13px;display:grid}.variant-row:hover{border-color:#c6bff0}.variant-row.active{background:#f6f4ff;border-color:#6257dd}.variant-code{color:#6257dd;width:30px;height:30px;font-weight:900;font-size:var(--fs-tiny);background:#edeaff;border-radius:10px;place-items:center;display:grid}.variant-meta{display:grid}.variant-meta b{font-size:var(--fs-small)}.variant-meta small{color:#8b8598;font-size:11px}.variant-action{color:#6257dd;font-weight:700}.play-progress{margin-top:16px}.progress-track{cursor:pointer;background:#eeebf3;border-radius:999px;height:7px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#7263f7,#4937cf);height:100%;display:block}.progress-time{color:#8b8598;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.word-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.word-chip{font-size:var(--fs-tiny);color:#4a4363;background:#f4f2f8;border-radius:8px;padding:4px 9px}.link-title{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-title:hover{color:#6257dd}.song-cover{cursor:pointer}.cover-hint{opacity:0;font-size:11px;font-style:normal;transition:opacity .18s;position:absolute;bottom:12px;left:18px}.song-card:hover .cover-hint{opacity:.9}@media (width<=900px){.song-detail{grid-template-columns:1fr}}.lyric-line.synced{cursor:pointer;border-radius:9px;padding:7px 11px;transition:background .15s,color .15s}.lyric-line.synced:hover{background:#f4f2f8}.lyric-line.synced.current{color:#3b2fb0;background:#ece8ff;font-weight:700}.page-actions{flex-wrap:wrap;gap:11px;display:flex}.studio-bar{flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:16px;display:flex}.studio-bar .studio-actions{gap:9px;margin-left:auto;display:flex}.inline-field{font-size:var(--fs-small);align-items:center;gap:8px;font-weight:700;display:flex}.inline-field select{border:1px solid #ddd8ec;border-radius:10px;padding:8px 11px;font-weight:400}kbd{background:#f0eef6;border:1px solid #ddd8ec;border-bottom-width:2px;border-radius:6px;margin:0 2px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px}.studio-lines{max-height:560px;overflow-y:auto}.studio-line{cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:40px 96px 1fr 96px 48px;align-items:center;gap:11px;padding:9px 11px;display:grid}.studio-line:hover{background:#faf9fd}.studio-line.cursor{background:#f6f4ff;border-color:#6257dd}.studio-line.marked .studio-index{color:#1f8a54;background:#d9f2e5}.studio-index{color:#7c778e;background:#f0eef6;border-radius:8px;place-items:center;width:30px;height:26px;font-size:11px;font-weight:700;display:grid}.studio-section{color:#9891ae;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-text{font-size:var(--fs-small);line-height:1.6}.studio-time{text-align:center;border:1px solid #eeebf3;border-radius:8px;width:92px;padding:6px 8px}@media (width<=760px){.studio-line{grid-template-columns:32px 1fr 84px}.studio-section{display:none}}.app-shell{padding-bottom:96px}.player-bar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-top:1px solid #eeebf3;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #1c163a12}.pb-progress{cursor:pointer;background:#eeebf3;height:5px;position:relative}.pb-progress:hover{height:7px;transition:height .12s}.pb-progress i{background:linear-gradient(90deg, hsl(var(--song-hue,258) 72% 62%), hsl(var(--song-hue,258) 72% 46%));height:100%;display:block}.pb-progress b{background:hsl(var(--song-hue,258) 72% 46%);opacity:0;border-radius:50%;width:11px;height:11px;margin-left:-5px;transition:opacity .12s;position:absolute;top:50%;transform:translateY(-50%)}.pb-progress:hover b{opacity:1}.pb-body{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:11px 22px;display:grid}.pb-track{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.pb-cover{background:linear-gradient(140deg, hsl(var(--song-hue,258) 70% 92%), hsl(var(--song-hue,258) 70% 82%));border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.pb-meta{min-width:0;display:grid}.pb-meta b{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-meta small{color:#8b8598;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pb-controls{align-items:center;gap:10px;display:flex}.pb-btn{color:#4a4363;cursor:pointer;background:#fff;border:1px solid #e6e2f0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.pb-btn:hover{color:#4937cf;border-color:#b9b1e4}.pb-btn.primary{color:#fff;background:linear-gradient(140deg,#7263f7,#4937cf);border:0;width:44px;height:44px;font-size:15px}.pb-btn.on{color:#4937cf;background:#f4f2ff;border-color:#6257dd}.pb-time{color:#8b8598;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.pb-extra{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pb-volume{accent-color:#6257dd;width:92px}.pb-error{color:#a3213f;font-size:var(--fs-small);padding:8px 22px 11px}.spinner.small{border-width:2px;border-color:#fff6;width:13px;height:13px}@media (width<=820px){.pb-body{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:10px 14px}.pb-extra,.pb-time{display:none}}.now-playing{padding:4px 0 8px}.np-back{color:#7c778e;font-size:var(--fs-small);cursor:pointer;background:0 0;border:0;padding:0 0 14px}.np-back:hover{color:#4937cf}.np-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.np-cover{aspect-ratio:1;background:linear-gradient(150deg, hsl(var(--song-hue,258) 72% 90%), hsl(var(--song-hue,258) 66% 74%));box-shadow:0 18px 40px hsl(var(--song-hue,258) 50% 60% / .28);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.np-icon{font-size:76px}.np-num{color:hsl(var(--song-hue,258) 60% 28%);opacity:.7;letter-spacing:.06em;font-size:13px;font-weight:900;position:absolute;top:16px;left:20px}.np-glow{background:radial-gradient(circle,#fff8,#0000 68%);border-radius:50%;width:78%;height:78%;position:absolute;bottom:-40%;right:-30%}.np-title{font-size:var(--fs-h2);margin:18px 0 5px}.np-sub{color:#8b8598;font-size:var(--fs-small);margin:0 0 22px}.np-label{color:#9891ae;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.np-variants{margin-bottom:26px}.np-chips{flex-wrap:wrap;gap:9px;display:flex}.np-chip{cursor:pointer;background:#fff;border:1px solid #e6e2f0;border-radius:13px;align-items:center;gap:8px;padding:9px 14px;display:flex}.np-chip b{font-size:var(--fs-small)}.np-chip small{color:#8b8598;font-size:11px}.np-chip:hover{border-color:#b9b1e4}.np-chip.active{color:#fff;background:linear-gradient(140deg,#7263f7,#4937cf);border-color:#0000}.np-chip.active small{color:#ffffffb0}.np-eq{align-items:flex-end;gap:2px;height:13px;display:inline-flex}.np-eq s{background:#fff;border-radius:2px;width:2.5px;animation:.9s ease-in-out infinite eq}.np-eq s:first-child{height:45%;animation-delay:0s}.np-eq s:nth-child(2){height:90%;animation-delay:.25s}.np-eq s:nth-child(3){height:62%;animation-delay:.5s}@keyframes eq{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1)}}.np-words .word-chips{max-height:220px;overflow-y:auto}.word-chip{cursor:pointer;font-size:var(--fs-tiny);color:#4a4363;background:#faf9fd;border:1px solid #eeebf3;border-radius:9px;padding:6px 11px}.word-chip:hover{border-color:#c6bff0}.word-chip.open{color:#3b2fb0;background:#ece8ff;border-color:#b9b1e4;font-weight:700}.np-lyrics{background:#fff;border-radius:22px;padding:24px 26px;box-shadow:0 10px 30px #1c163a0d}.np-lyrics-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.np-lyrics-head h2{font-size:var(--fs-h3);margin:0}.np-lyrics-body{scroll-behavior:smooth;max-height:560px;overflow-y:auto}.np-section h4{color:#9891ae;letter-spacing:.07em;margin:20px 0 9px;font-size:11px;font-weight:800}.np-section:first-child h4{margin-top:0}.np-line{line-height:1.85;font-size:var(--fs-body);color:#6b6483;border-radius:11px;margin:0 0 6px;padding:9px 13px;transition:color .2s,background .2s,transform .2s}.np-line.static{color:#2d2745;padding:5px 0}.np-line:not(.static){cursor:pointer}.np-line:not(.static):hover{background:#faf9fd}.np-line.past{color:#b8b3c6}.np-line.current{background:hsl(var(--song-hue,258) 80% 96%);color:hsl(var(--song-hue,258) 62% 34%);font-weight:700;font-size:calc(var(--fs-body) * 1.08);transform:translate(3px)}.np-hint{font-size:var(--fs-small);color:#5348b8;background:#f6f4ff;border-radius:12px;margin-top:16px;padding:12px 15px;line-height:1.7}.np-hint .link-button{margin-left:8px}.how-to{line-height:1.95;font-size:var(--fs-small);color:#4a4363;margin:0;padding-left:20px}@media (width<=900px){.np-grid{grid-template-columns:1fr;gap:20px}.np-cover{max-width:240px}.np-lyrics-body{max-height:420px}}