:root{--bg:#fff;--surface:#f5f5f7;--surface-warm:#fbfbfd;--fg:#1d1d1f;--fg-2:#424245;--muted:#6e6e73;--meta:#86868b;--border:#d2d2d7;--border-soft:#e8e8ed;--accent:#0071e3;--accent-on:#fff;--accent-hover:#0077ed;--accent-active:#06c;--success:#16a34a;--warn:#eab308;--danger:#dc2626;--font-display:"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-base:17px;--text-lg:21px;--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--text-4xl:80px;--leading-body:1.47;--leading-tight:1.05;--tracking-display:-.015em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:100px;--section-y-tablet:64px;--section-y-phone:40px;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-pill:0;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 12px 32px #00000014;--focus-ring:0 0 0 4px color-mix(in oklab, var(--accent), transparent 65%);--motion-fast:.15s;--motion-base:.22s;--ease-standard:cubic-bezier(.28, 0, .22, 1);--container-max:1024px;--container-gutter-desktop:22px;--container-gutter-tablet:18px;--container-gutter-phone:16px;--brand-gradient-from:#00d4ff;--brand-gradient-to:#7c5cff;--canvas:var(--surface);--panel:var(--bg);--soft:var(--surface);--head-bg:var(--surface-warm);--row-hover:var(--surface);--line:var(--border);--line-soft:var(--border-soft);--ink:var(--fg);--label:var(--meta);--panel-ink:var(--fg);--hero-bg:var(--fg);--hero-muted:#a1a1a6;--code-bg:var(--fg);--code-bg-ok:#171d1a;--code-fg:#f5f5f7;--accent-text:var(--accent);--accent-tint:#e9f2fe;--accent-tint-2:#f2f8ff;--accent-wash:#f5faff;--accent-tint-hover:#d7eafd;--accent-border:#b8d9fc;--accent-border-strong:#8fc1f8;--accent-solid:var(--accent);--ok:var(--success);--ok-text:#0d7a36;--ok-bg:#e8f5ee;--ok-border:#cde8d8;--warn-text:#8a6d1a;--warn-bg:#fdf6de;--warn-border:#efe4b0;--danger-text:var(--danger);--danger-bg:#fdecec;--glass:#ffffffb8;--glass-strong:#fffffff5;--glass-card:#ffffffdb;--on-ink:#fff;--canvas-glow:radial-gradient(circle at 87% 5%, #e9f2fe 0, transparent 28%);--space-7:30px;--z-topbar:5;--z-player:8;--z-modal:20;--dur-fast:.15s;--purple:var(--accent);--green:var(--success);font-family:var(--font-body);color:var(--fg);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{background:var(--canvas-glow), var(--canvas);color:var(--ink);margin:0}button,select,input{font:inherit}button{cursor:pointer;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #2b3f8f1c}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:76px;z-index:var(--z-topbar);flex:none;justify-content:space-between;align-items:center;padding:0 5.2vw;display:flex;position:relative}.brand{color:inherit;font:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--on-ink);border-radius:0;place-items:center;display:grid;overflow:hidden;box-shadow:0 5px 14px #2b3f8f33}.brand-mark img{border-radius:0;width:100%;height:100%;display:block}.eyebrow,.kicker{font:500 10px var(--font-mono);letter-spacing:.13em;color:var(--label);margin:0}.brand h1{letter-spacing:-.02em;margin:3px 0 0;font-size:15px}.top-actions{align-items:center;gap:10px;display:flex}.app>main{flex:1;width:96vw;max-width:none;min-height:0;margin:0 auto;padding:40px clamp(16px,2vw,48px) 100px;overflow-y:auto}.global-player{z-index:var(--z-player);background:var(--glass-strong);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:44px minmax(150px,1fr) 38px minmax(220px,1.5fr) 150px;align-items:center;gap:13px;padding:10px 5.2vw;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 26px #29263414}.source-pill{font:500 10px var(--font-mono);letter-spacing:.08em;background:var(--soft);color:var(--muted);border-radius:0;padding:8px 10px}.source-pill i,.status i{background:var(--ok);border-radius:0;width:6px;height:6px;margin-right:5px;display:inline-block}.source-pill.live{background:var(--ok-bg);color:var(--ok-text)}.source-pill.import{background:var(--warn-bg);color:var(--warn-text)}.source-pill.db.err{background:var(--danger-bg);color:var(--danger-text)}.source-pill.db.err i{background:var(--danger-text)}.saved-badge{font-style:normal;font:10px var(--font-mono);color:var(--ok-text);background:var(--ok-bg);border-radius:0;margin-left:8px;padding:3px 6px}.icon-btn,.primary-btn,.ghost-btn,.filter-btn{color:var(--muted);transition:background-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out;background:0 0;border-radius:0;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.icon-btn:hover,.ghost-btn:hover,.filter-btn:hover{background:var(--soft)}.primary-btn{background:var(--ink);color:var(--on-ink);box-shadow:0 4px 12px #2926341c}.primary-btn:hover{background:var(--panel-ink)}.primary-btn:disabled{opacity:.55;cursor:progress}.ghost-btn{border:1px solid var(--line)}.logout-btn{border:1px solid var(--line);height:35px;color:var(--muted);transition:background-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out;background:0 0;border-radius:0;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:flex}.logout-btn:hover{background:var(--soft);color:var(--ink)}.mini-btn{font:10px var(--font-mono);color:var(--accent);background:0 0;border-radius:0;align-items:center;gap:4px;margin-left:auto;padding:4px 6px;display:flex}.mini-btn:hover{background:var(--accent-tint-hover)}.mini-btn:disabled{opacity:.55;cursor:progress}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}select,.filter-btn{border:1px solid var(--line);background:var(--panel);height:35px;color:var(--muted);border-radius:0;padding:0 10px;font-size:11px}.filter-btn{display:flex}.filter-btn.active{background:var(--accent-tint);color:var(--accent);border-color:var(--accent-border)}.search{background:var(--soft);color:var(--muted);border-radius:0;align-items:center;gap:8px;padding:0 10px;display:flex}.search input{width:215px;height:35px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}label{color:var(--label);font:10px var(--font-mono);letter-spacing:.06em;margin-bottom:7px;display:block}.date-tabs{border-bottom:1px solid var(--line);background:var(--head-bg);flex-wrap:wrap;gap:6px;padding:14px 24px;display:flex}.date-chip{font:10px var(--font-mono);letter-spacing:.04em;border:1px solid var(--line);background:var(--panel);color:var(--muted);transition:background-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out;border-radius:0;padding:6px 9px}.date-chip:not(.off):hover{border-color:var(--accent);color:var(--accent)}.date-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-ink)}.date-chip.active:hover{color:var(--on-ink)}.date-chip.off{opacity:.4;cursor:not-allowed}.tag{background:var(--soft);color:var(--muted);border-radius:0;padding:5px 7px;font-size:10px;display:inline-block}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.num{font:500 12px var(--font-mono);color:var(--ink)}.status{color:var(--ok);font-size:11px}.chevron{color:var(--label)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:760px;font-size:12px}th{font:500 10px var(--font-mono);color:var(--label);letter-spacing:.06em;background:var(--head-bg);padding:14px 24px}td{border-top:1px solid var(--line-soft);color:var(--muted);white-space:nowrap;padding:15px 24px}tbody tr{transition:background-color var(--dur-fast) ease-out}tbody tr:hover{background:var(--row-hover);cursor:pointer}td:first-child{color:var(--ink)}.rank-cell{align-items:center;gap:12px;display:flex}.rank-cell img,.avatar{object-fit:cover;border-radius:0;width:38px;height:38px}.avatar{color:var(--on-ink);place-items:center;font-size:11px;font-weight:600;display:grid}.rank-cell strong{font-size:12px;display:block}.rank-cell small{font:10px var(--font-mono);color:var(--label);margin-top:4px;display:block}.empty{text-align:center;color:var(--muted);padding:55px;font-size:13px}.empty button{color:var(--accent);font-size:12px}.subtle{color:var(--label);font-size:12px}.song-ai-status{flex:none;grid-template-columns:auto minmax(92px,auto);align-items:center;gap:3px 6px;display:grid}.song-ai-status label{margin:0;font-size:10px}.song-ai-status select{max-width:112px;height:29px;font:10px var(--font-mono);padding:0 7px}.song-ai-status select:disabled{opacity:.55;cursor:not-allowed}.song-ai-status-message{text-align:right;color:var(--muted);font:10px var(--font-mono);grid-column:1/-1}.song-ai-status-message.error{color:var(--danger-text)}.song-ai-status.has-error select{border-color:var(--danger-text)}.db-record-heading{border-bottom:1px solid var(--line);background:var(--soft);justify-content:space-between;align-items:end;gap:15px;padding:15px 17px;display:flex}.db-record-heading span{font:500 10px var(--font-mono);letter-spacing:.12em;color:var(--label)}.db-record-heading h4{margin:4px 0 0;font-size:13px}.db-record-heading small{font:10px var(--font-mono);color:var(--label)}.db-lyrics-section{border-bottom:1px solid var(--line)}.db-lyrics-section pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);max-height:520px;color:var(--code-fg);font:11px/1.7 var(--font-mono);margin:0;padding:16px;overflow:auto}.db-lyrics-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.db-lyrics-stack>*{min-width:0}.db-lyrics-only{border:1px solid var(--line);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.db-lyrics-only pre{flex:auto}.db-lyrics-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lyric-write-btn,.lyric-save-btn,.lyric-copy-btn{border:1px solid var(--accent-border);font:500 10px var(--font-mono);white-space:nowrap;border-radius:0;align-items:center;gap:5px;padding:7px 9px;display:inline-flex}.lyric-write-btn{background:var(--accent-tint);color:var(--accent)}.lyric-save-btn{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.lyric-copy-btn{background:var(--panel);color:var(--muted)}.lyric-write-btn:hover:not(:disabled),.lyric-save-btn:hover:not(:disabled),.lyric-copy-btn:hover:not(:disabled){background:var(--accent-tint-hover);color:var(--accent)}.lyric-write-btn:disabled,.lyric-save-btn:disabled,.lyric-copy-btn:disabled{opacity:.55;cursor:not-allowed}.generated-lyrics-section{border:1px solid var(--accent-border);background:var(--panel);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.generated-lyrics-section .generated-content-editor{flex:auto}.generated-lyrics-heading,.suno-prompt-heading{border-bottom:1px solid var(--line);background:var(--accent-tint-2);justify-content:space-between;align-items:end;gap:12px;padding:15px 17px;display:flex}.generated-lyrics-heading span,.suno-prompt-heading span{font:500 10px var(--font-mono);letter-spacing:.12em;color:var(--accent-text)}.generated-lyrics-heading h4,.suno-prompt-heading h4{margin:4px 0 0;font-size:13px}.generated-lyrics-heading small,.suno-prompt-heading small{font:10px var(--font-mono);color:var(--ok)}.generated-lyrics-note,.suno-prompt-note{color:var(--muted);margin:0;padding:12px 16px 0;font-size:11px;line-height:1.6}.generated-title-editor{gap:6px;padding:12px 16px 0;display:grid}.generated-title-editor label{font:9px var(--font-mono);color:var(--label);letter-spacing:.08em}.generated-title-editor input{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:inherit;border-radius:0;padding:9px 10px;font:13px inherit}.generated-title-editor input:focus{outline:2px solid var(--accent-border);outline-offset:1px}.lyric-traits{flex-wrap:wrap;gap:6px;padding:10px 16px 14px;display:flex}.lyric-traits span{border:1px solid var(--line);background:var(--soft);max-width:100%;color:var(--muted);font:10px/1.45 var(--font-mono);overflow-wrap:anywhere;border-radius:0;gap:5px;padding:5px 7px;display:inline-flex}.lyric-traits b{color:var(--accent)}.generated-lyrics-section pre,.suno-prompt-section pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);max-height:520px;color:var(--code-fg);font:11px/1.8 var(--font-mono);margin:0;padding:16px;overflow:auto}.generated-content-editor{resize:vertical;border:0;border-top:1px solid var(--line);background:var(--code-bg);width:100%;min-height:280px;max-height:520px;color:var(--code-fg);font:11px/1.8 var(--font-mono);outline:none;margin:0;padding:16px;display:block;overflow:auto}.generated-content-editor:focus{box-shadow:inset 0 0 0 2px var(--accent-border)}.generated-content-editor:disabled{opacity:.7;cursor:wait}.generated-edit-feedback{color:var(--accent-text);background:var(--accent-tint-2);font:10px var(--font-mono);padding:8px 16px}.generated-edit-feedback.success{color:var(--ok-text);background:var(--ok-bg)}.generated-lyrics-state{color:var(--muted);align-items:center;gap:7px;padding:18px;font-size:11px;display:flex}.generated-lyrics-state.error{color:var(--danger-text)}.generated-lyrics-state button{color:var(--accent);background:0 0;margin-left:auto;font-size:11px}.generated-lyrics-empty,.suno-prompt-empty{text-align:center;min-height:220px;color:var(--muted);background:var(--soft);place-content:center;justify-items:center;gap:10px;padding:28px;display:grid}.generated-lyrics-empty svg,.suno-prompt-empty svg{color:var(--accent)}.generated-lyrics-empty p,.suno-prompt-empty p{max-width:360px;margin:0;font-size:11px;line-height:1.7}.suno-prompt-section{border:1px solid var(--ok-border);background:var(--panel);border-radius:0;grid-column:1/-1;overflow:hidden}.suno-prompt-heading{background:var(--ok-bg)}.suno-prompt-section pre,.suno-prompt-section .generated-content-editor{background:var(--code-bg-ok);max-height:380px}.copy-feedback{background:var(--ok-bg);color:var(--ok-text);font:10px var(--font-mono);padding:8px 16px}.copy-feedback.error{background:var(--warn-bg);color:var(--danger-text)}.suno-music-section{border:1px solid var(--accent-border);background:var(--panel);border-radius:0;grid-column:1/-1;overflow:hidden}.suno-music-heading{border-bottom:1px solid var(--line);background:var(--accent-tint-2);justify-content:space-between;align-items:end;gap:12px;padding:15px 17px;display:flex}.suno-music-heading span{font:500 10px var(--font-mono);letter-spacing:.12em;color:var(--accent-text)}.suno-music-heading h4{margin:4px 0 0;font-size:13px}.suno-music-heading small{font:10px var(--font-mono);color:var(--ok)}.suno-music-note{color:var(--muted);margin:0;padding:12px 16px 0;font-size:11px;line-height:1.6}.suno-task-list{gap:10px;margin:0;padding:14px 16px 16px;list-style:none;display:grid}.suno-task-card{border:1px solid var(--line);background:var(--soft);border-radius:0;gap:9px;padding:12px 14px;display:grid}.suno-task-card.SUCCESS{border-color:var(--ok-border)}.suno-task-card.CREATE_TASK_FAILED,.suno-task-card.GENERATE_AUDIO_FAILED,.suno-task-card.CALLBACK_EXCEPTION,.suno-task-card.SENSITIVE_WORD_ERROR{border-color:var(--warn-border)}.suno-task-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.suno-task-head strong{font-size:12px}.suno-task-head small{font:10px var(--font-mono);color:var(--muted)}.suno-task-progress{color:var(--muted);font-size:10px;line-height:1.6}.suno-task-error{background:var(--warn-bg);color:var(--danger-text);font:10px/1.6 var(--font-mono);overflow-wrap:anywhere;border-radius:0;padding:8px 10px}.suno-track{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:10px;display:flex}.suno-track img{object-fit:cover;background:var(--accent);border-radius:0;flex:none;width:52px;height:52px}.suno-track-info{flex:1;gap:4px;min-width:0;display:grid}.suno-track-title{gap:2px;min-width:0;display:grid}.suno-track-title span{color:var(--muted);font:9px var(--font-mono);text-transform:uppercase}.suno-track-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.suno-track-info small{font:10px var(--font-mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suno-track-info audio{width:100%;height:32px}.suno-track>a{flex:none;align-self:center}.suno-track-actions{flex:none;align-self:center;justify-items:stretch;gap:6px;display:grid}.suno-archive-chip{border:1px solid var(--line);background:var(--panel);font:10px var(--font-mono);color:var(--muted);white-space:nowrap;border-radius:0;justify-self:start;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.suno-archive-chip.succeeded{color:var(--ok-text);border-color:currentColor}.suno-archive-chip.failed{color:var(--danger-text);border-color:currentColor}.suno-archive-error{color:var(--danger-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cover-gallery-section{border:1px solid var(--line);background:var(--panel);border-radius:0;grid-column:1/-1;overflow:hidden}.cover-gallery{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.cover-card{border:1px solid var(--line);background:var(--panel);transition:background-color var(--dur-fast) ease-out;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.cover-card:hover{background:var(--row-hover)}.cover-media{aspect-ratio:1;background:var(--soft);flex:none}.cover-media img{object-fit:cover;width:100%;height:100%;display:block}.cover-card-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex}.cover-card-footer>span,.cover-card-footer small,.cover-card-footer button{white-space:nowrap}.cover-style-tag{border:1px solid var(--line);font:9px var(--font-mono);color:var(--muted);letter-spacing:.06em;white-space:nowrap;border-radius:0;align-self:flex-start;margin:0 10px 8px;padding:2px 7px;font-style:normal}.cover-style-hint{color:var(--muted);font:10px/1.6 var(--font-mono);padding:9px 16px 0}.cover-editor{gap:8px;padding:0 10px 10px;display:grid}.cover-editor label{font:9px var(--font-mono);color:var(--label);letter-spacing:.08em}.cover-editor input{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:inherit;border-radius:0;padding:8px 9px;font:12px inherit}.cover-editor input:focus{outline:2px solid var(--accent-border);outline-offset:1px}.cover-card-actions{flex-wrap:wrap;gap:7px;display:flex}.cover-card-actions button,.cover-download-btn{border:1px solid var(--line);min-height:30px;color:inherit;background:var(--panel);border-radius:0;justify-content:center;align-items:center;gap:5px;padding:6px 9px;font-size:10px;text-decoration:none;display:inline-flex}.cover-card-actions button:disabled{opacity:.45;cursor:not-allowed}.cover-legacy-note,.cover-edit-success{font:10px/1.5 var(--font-mono)}.cover-legacy-note{color:var(--muted)}.cover-edit-success{color:var(--ok-text)}.cover-placeholder{background:var(--accent-solid);width:100%;height:100%;color:var(--on-ink);font:10px var(--font-mono);letter-spacing:.12em;place-items:center;display:grid}.cover-error{font:10px/1.6 var(--font-mono);color:var(--danger-text);background:var(--danger-bg);padding:8px 10px;display:block}.global-player img,.global-player-cover{object-fit:cover;background:var(--accent);width:44px;height:44px;color:var(--on-ink);border-radius:0;place-items:center;display:grid}.global-player-info{min-width:0}.global-player-info strong,.global-player-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.global-player-info strong{font-size:12px}.global-player-info small{color:var(--muted);margin-top:3px;font-size:10px}.global-player-status{color:var(--accent);font:10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.global-player-control{background:var(--ink);width:34px;height:34px;color:var(--on-ink);border-radius:0;place-items:center;display:grid}.global-player-progress,.global-player-volume{color:var(--muted);font:10px var(--font-mono);align-items:center;gap:7px;display:flex}.global-player-progress input{flex:1;min-width:0}.global-player-volume input{width:90px}.global-player input{accent-color:var(--accent)}.login-gate{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-card{background:var(--glass-card);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;width:min(100%,430px);padding:30px;box-shadow:0 24px 70px #2926341f}.login-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:24px;display:flex}.login-brand strong{margin-top:4px;font-size:14px;display:block}.login-copy{padding:28px 0 22px}.login-icon{background:var(--accent-tint);width:46px;height:46px;color:var(--accent);border-radius:0;place-items:center;margin-bottom:20px;display:grid}.login-copy h1{letter-spacing:-.045em;margin:9px 0 8px;font-size:29px}.login-copy>p:last-child{color:var(--muted);margin:0;font-size:13px}.login-form{gap:16px;display:grid}.login-field label{margin-bottom:8px}.login-field input{border:1px solid var(--line);background:var(--panel);width:100%;height:44px;color:var(--ink);border-radius:0;outline:0;padding:0 13px;font-size:13px}.login-error{background:var(--danger-bg);color:var(--danger-text);border-radius:0;margin:0;padding:10px 12px;font-size:12px}.login-submit{background:var(--ink);height:44px;color:var(--on-ink);border-radius:0;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.login-submit:hover{background:var(--panel-ink)}@media (width<=850px){.db-lyrics-stack{grid-template-columns:1fr}.topbar{padding:0 20px}.source-pill{display:none}.app>main{padding:24px 16px 96px}.hero{display:block}.endpoint{max-width:none;margin-top:25px}.hero h2{font-size:35px}.kpis{grid-template-columns:repeat(2,1fr)}.panel-head{padding:20px;display:block}.filters{grid-template-columns:1fr 1fr;margin-top:18px;display:grid}.search{grid-column:1/-1}.search input{width:100%}.table-wrap{overflow:visible}table{min-width:0}thead{display:none}table,tbody,tr,td{display:block}tbody tr{border-top:1px solid var(--line);padding:14px 18px;position:relative}td{white-space:normal;border:0;padding:5px 0}td:not(:first-child){margin-right:18px;font-size:11px;display:inline-block}td:nth-child(2):before{content:"分类 ";color:var(--label)}td:nth-child(3):before{content:"期号 ";color:var(--label)}td:nth-child(4):before{content:"更新 ";color:var(--label)}td:nth-child(5):before{content:"歌曲 ";color:var(--label)}td:nth-child(6):before{content:"子榜 ";color:var(--label)}td:nth-child(7){position:absolute;top:18px;right:18px}.chevron{position:absolute;bottom:15px;right:18px}.rank-cell{padding-bottom:7px}.rank-cell small{font-size:10px}.db-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-field:nth-child(3n){border-right:1px solid var(--line)}.db-field:nth-child(2n){border-right:0}.song-detail-panel{padding:0 20px 20px}.song-detail-toggle{margin-left:auto}.daily-list{max-height:320px}.daily-list .song,.date-tabs{padding:12px 20px}.ai-result{padding:16px 20px}.song-info-pop{margin:2px 20px 12px 44px}.metadata-song{flex-wrap:wrap;align-items:flex-start}.metadata-main{min-width:calc(100% - 92px)}.metadata-tags{justify-content:flex-start;width:100%;padding-left:74px}.sync-summary{padding:10px 20px}.metadata-song .song-ai-status{margin-left:74px}.songs .song-ai-status{margin-left:auto}.generated-lyrics-heading,.suno-prompt-heading{flex-direction:column;align-items:flex-start}.db-lyrics-heading-actions{justify-content:flex-start;width:100%}.suno-prompt-section,.audio-converter-section{grid-column:auto}.audio-converter-heading{flex-direction:column;align-items:flex-start}.audio-converter-body{grid-template-columns:1fr}.audio-converter-actions{justify-content:flex-end}.audio-file-meta strong,.audio-file-meta small{white-space:normal}.wav-history-card{flex-direction:column;align-items:flex-start}.wav-history-actions{justify-content:space-between;width:100%}.suno-music-section{grid-column:auto}.suno-music-heading{flex-direction:column;align-items:flex-start}.suno-track{flex-wrap:wrap;align-items:flex-start}.suno-track>a,.suno-track-actions{align-self:flex-start}.cover-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.global-player{grid-template-columns:40px 1fr 34px;gap:9px;padding:9px 16px}.global-player img,.global-player-cover{width:40px;height:40px}.global-player-progress{grid-area:2/1/auto/-1}.global-player-volume{display:none}}@media (width<=480px){.topbar{height:66px}.brand h1{font-size:14px}.icon-btn span{display:none}.primary-btn{padding:9px 10px}.kpis{gap:8px}.kpi{min-height:108px;padding:15px}.kpi strong{font-size:25px}.filters{grid-template-columns:1fr}.search{grid-column:auto}.panel-head{padding:18px}.detail-body{padding:20px}.detail-hero{min-height:150px}.db-field-grid{grid-template-columns:1fr}.db-field,.db-field:nth-child(2n),.db-field:nth-child(3n){border-right:0}.song-detail-panel{padding:0 12px 16px}.db-record-heading{align-items:flex-start}.db-text-section pre{max-height:340px}.login-gate{padding:18px}.login-card{border-radius:0;padding:23px}.login-copy h1{font-size:25px}.logout-btn span{display:none}.logout-btn{padding:0 9px}.cover-gallery{grid-template-columns:minmax(0,1fr)}.wav-history-heading{flex-direction:column;align-items:flex-start}.wav-history-actions{flex-direction:column;align-items:stretch}.wav-history-actions .lyric-copy-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wb-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.wb-side{background:var(--fg);color:#f5f5f7;height:100vh;padding:var(--space-5) var(--space-4);flex-direction:column;display:flex;position:sticky;top:0}.wb-brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-5);font:600 var(--text-lg) / var(--leading-tight) var(--font-display);letter-spacing:var(--tracking-display);display:flex}.wb-nav{flex-direction:column;gap:2px;display:flex}.wb-nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);color:#f5f5f7a8;font:400 var(--text-sm) / 1 var(--font-body);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:none;display:flex}.wb-nav-item:hover{color:#fff;background:#ffffff0f}.wb-nav-item.on{color:#fff;background:#ffffff1a}.wb-side-foot{gap:var(--space-1);padding-top:var(--space-4);border-top:1px solid #ffffff1f;flex-direction:column;margin-top:auto;display:flex}.wb-user-chip{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.wb-user-avatar{background:var(--accent);width:34px;height:34px;color:var(--accent-on);font:500 14px var(--font-body);justify-content:center;align-items:center;display:flex}.wb-user-meta{flex-direction:column;min-width:0;display:flex}.wb-user-meta strong{font:500 var(--text-sm) var(--font-body);color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-user-meta small{color:#f5f5f78c;font-size:var(--text-xs)}.wb-foot-link{align-items:center;gap:var(--space-2);padding:8px var(--space-2);color:#f5f5f799;font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.wb-foot-link:hover{color:#fff}.wb-main{flex-direction:column;min-width:0;display:flex}.wb-topbar{z-index:var(--z-topbar);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--glass);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);display:flex;position:sticky;top:0}.wb-crumb{font:400 var(--text-sm) var(--font-body);color:var(--muted)}.wb-crumb span{margin:0 var(--space-2);color:var(--meta)}.wb-credit-pill{padding:6px var(--space-4);background:var(--fg);color:#fff;font:500 var(--text-xs) var(--font-mono);white-space:nowrap}.wb-content{padding:var(--space-6);flex:1;padding-bottom:96px}.wb-module-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.wb-seg{border:1px solid var(--border);background:var(--panel);display:inline-flex}.wb-seg-item{padding:8px var(--space-4);color:var(--muted);font:400 var(--text-sm) var(--font-body);cursor:pointer;background:0 0;border:none}.wb-seg-item+.wb-seg-item{border-left:1px solid var(--border-soft)}.wb-seg-item.on{background:var(--fg);color:#fff}.wb-module-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.wb-rank-picker{border:1px solid var(--border);background:var(--panel);color:var(--fg);font:400 var(--text-sm) var(--font-body);cursor:pointer;padding:8px 10px}.wb-rank-picker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wb-btn{padding:8px var(--space-4);border:1px solid var(--border);background:var(--panel);color:var(--fg);font:400 var(--text-sm) var(--font-body);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);align-items:center;gap:6px;display:inline-flex}.wb-btn:hover:not(:disabled){background:var(--surface)}.wb-btn:disabled{opacity:.5;cursor:not-allowed}.wb-btn.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.wb-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.wb-btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.wb-btn.ghost:hover:not(:disabled){color:var(--fg);background:var(--surface)}.wb-btn .spin{animation:.9s linear infinite wb-spin}@keyframes wb-spin{to{transform:rotate(360deg)}}.wb-note{margin-bottom:var(--space-3);padding:10px var(--space-4);background:var(--accent-tint);color:var(--fg-2);font-size:var(--text-sm)}.wb-note.subtle{color:var(--meta);padding:0 0 var(--space-2);background:0 0}.wb-date-tabs{margin-bottom:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.wb-date-chip{border:1px solid var(--border-soft);background:var(--panel);color:var(--muted);font:400 var(--text-xs) var(--font-mono);cursor:pointer;padding:5px 10px}.wb-date-chip.active{border-color:var(--fg);background:var(--fg);color:#fff}.wb-date-chip.off{opacity:.32;cursor:not-allowed}.wb-pager{margin-top:var(--space-4);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wb-pager-info{color:var(--meta);font-size:var(--text-xs);margin-left:auto}.wb-table-card{border:1px solid var(--border-soft);background:var(--panel);overflow-x:auto}.wb-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.wb-table th{padding:10px var(--space-4);text-align:left;color:var(--meta);font:500 var(--text-xs) var(--font-body);border-bottom:1px solid var(--border-soft);white-space:nowrap}.wb-table td{padding:10px var(--space-4);border-bottom:1px solid var(--border-soft);color:var(--fg-2);vertical-align:middle}.wb-table tbody tr:hover{background:var(--row-hover)}.wb-table tbody tr:last-child td{border-bottom:none}.wb-rank-no{font:500 var(--text-sm) var(--font-mono);color:var(--meta)}.wb-rank-no.top{color:var(--accent)}.wb-song-cell{align-items:center;gap:var(--space-3);min-width:220px;display:flex}.wb-cover{object-fit:cover;background:var(--surface);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wb-cover.placeholder{color:var(--meta)}.wb-cover.lg{width:56px;height:56px}.wb-song-main{flex-direction:column;min-width:0;display:flex}.wb-song-main strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.wb-song-main small{color:var(--meta);font-size:var(--text-xs);align-items:center;gap:4px;display:flex}.wb-row-actions{gap:var(--space-2);white-space:nowrap;justify-content:flex-end;display:flex}.wb-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border:1px dashed var(--border);background:var(--panel);color:var(--muted);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.wb-empty.tall{min-height:260px;margin-top:var(--space-4)}.wb-empty.error{color:var(--danger);border-color:var(--danger)}.wb-subject-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-soft);background:var(--panel);display:flex}.wb-subject-main{flex-direction:column;gap:4px;min-width:0;display:flex}.wb-subject-main strong{font:500 var(--text-base) var(--font-display);color:var(--fg)}.wb-subject-main small{color:var(--meta);font-size:var(--text-xs)}.wb-import-hint{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-xs)}.wb-import-hint.subtle{margin:var(--space-2) 0 0}.wb-import-hint code{font-family:var(--font-mono);background:var(--surface);padding:1px 6px}.wb-import-area{border:1px solid var(--border);width:100%;padding:var(--space-3);font:400 var(--text-sm) var(--font-body);color:var(--fg);background:var(--surface-warm);resize:vertical}.wb-import-area:focus{box-shadow:var(--focus-ring);outline:none}@media (width<=1080px){.wb-content{padding:var(--space-4)}}@media (width<=920px){.wb-shell{grid-template-columns:1fr}.wb-side{align-items:center;gap:var(--space-3);height:auto;padding:var(--space-2) var(--space-3);flex-direction:row;position:sticky;top:0;overflow-x:auto}.wb-brand{padding:0 var(--space-2) 0 0;font-size:var(--text-base);flex:none}.wb-nav{flex-direction:row;gap:2px}.wb-nav-item{padding:8px var(--space-3);white-space:nowrap}.wb-side-foot{gap:var(--space-2);border:none;flex-direction:row;margin:0 0 0 auto;padding:0}.wb-user-meta,.wb-foot-link span{display:none}.wb-user-chip{padding:0}}@media (prefers-reduced-motion:reduce){.wb-btn .spin{animation:none}}.wb-search{background:var(--bg);border:1px solid var(--border);min-width:240px;color:var(--muted);border-radius:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.wb-search:focus-within{border-color:var(--accent)}.wb-search input{font:inherit;color:var(--fg);background:0 0;border:none;outline:none;flex:1}.wb-search input::placeholder{color:var(--meta)}.wb-lib-badges{flex-wrap:wrap;gap:6px;display:flex}.wb-lib-badge{font-size:var(--text-xs);background:var(--surface);border:1px solid var(--border);color:var(--fg);white-space:nowrap;padding:2px 8px;line-height:1.6}.wb-lib-badge.bad{color:var(--danger);border-color:currentColor}.wb-lib-badge.off{color:var(--meta)}.wb-lib-time{color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.billing-module{max-width:1100px;margin:auto}.billing-plans{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.billing-plans article{border:1px solid var(--border);flex:240px;padding:20px}.billing-module .table-wrap{overflow-x:auto}.billing-module table{border-collapse:collapse;text-align:left;width:100%}.billing-module th,.billing-module td{border-bottom:1px solid var(--border);padding:12px}.billing-dialog{max-width:min(90vw,520px);max-height:90vh;color:var(--fg);background:var(--bg);border:1px solid var(--border);padding:24px;overflow:auto}.billing-dialog::backdrop{background:#0008}.billing-dialog img{max-width:100%;margin:16px 0;display:block}.billing-dialog button,.billing-module button{margin:4px}.adm-page{background:var(--surface);min-height:100vh}.adm-top{z-index:var(--z-topbar);background:var(--fg);color:#fff;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.adm-top .wb-btn{color:#fff;background:0 0;border-color:#ffffff4d}.adm-top .wb-btn:hover{background:#ffffff1f}.adm-brand{font-size:var(--text-base);align-items:center;gap:10px;margin-right:auto;font-weight:600;display:flex}.adm-wrap{max-width:1080px;margin:0 auto;padding:24px 24px 64px}.adm-tabs{margin-bottom:20px}.adm-kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.adm-kpi{background:var(--bg);border:1px solid var(--border);gap:6px;padding:14px 16px;display:grid}.adm-kpi span{font-size:var(--text-xs);color:var(--muted)}.adm-kpi b{font-size:22px;font-weight:600;font-family:var(--font-mono)}.adm-card{background:var(--bg);border:1px solid var(--border);margin-bottom:20px}.adm-card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.adm-card-head h3{font-size:var(--text-base);font-weight:600}.adm-card-body{gap:16px;padding:16px;display:grid}.adm-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adm-more{padding:10px 16px;display:block}.adm-input{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:8px 10px}.adm-input:focus{border-color:var(--accent);outline:none}.adm-input.slim{width:110px}.adm-status{font-size:var(--text-sm);align-items:center;gap:6px;display:inline-flex}.adm-status:before{content:"";border-radius:50%;width:7px;height:7px}.adm-status.ok{color:var(--fg)}.adm-status.ok:before{background:var(--ok)}.adm-status.bad{color:var(--danger)}.adm-status.bad:before{background:var(--danger)}.adm-switch{cursor:pointer;font-size:var(--text-sm);align-items:center;gap:8px;display:inline-flex}.adm-options{gap:8px;display:grid}.adm-option{border:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.adm-option.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.adm-option.auto{border-style:dashed}.adm-option-main{gap:2px;display:grid}.adm-option-main small{color:var(--muted)}.adm-fields{gap:12px;display:grid}.adm-fields label{font-size:var(--text-sm);gap:6px;display:grid}.wb-table td.num{font-family:var(--font-mono);white-space:nowrap}.wb-table td.muted{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}@media (width<=920px){.adm-kpis{grid-template-columns:repeat(2,1fr)}.adm-wrap{padding:16px 16px 48px}}@media (width<=600px){.adm-kpis{grid-template-columns:1fr}.adm-top{padding:10px 16px}}.ui-modal-mask{z-index:var(--z-modal);padding:var(--space-4);background:#00000052;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-modal{background:var(--panel);border:1px solid var(--border-soft);width:min(480px,100%);box-shadow:var(--elev-raised)}.ui-modal-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft);display:flex}.ui-modal-head h3{font:500 var(--text-base) / var(--leading-tight) var(--font-display);color:var(--fg);margin:0}.ui-modal-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ui-modal-close:hover{color:var(--fg);background:var(--surface)}.ui-modal-body{padding:var(--space-5);color:var(--fg-2);font-size:var(--text-sm)}.ui-modal-foot{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-soft);display:flex}.ui-toasts{top:var(--space-5);right:var(--space-5);z-index:calc(var(--z-modal) + 1);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.ui-toast{min-width:180px;max-width:360px;padding:10px var(--space-4);background:var(--fg);color:#fff;font-size:var(--text-sm);line-height:var(--leading-body);box-shadow:var(--elev-raised);animation:ui-toast-in var(--motion-base) var(--ease-standard)}.ui-toast-success{background:var(--ok)}.ui-toast-error{background:var(--danger)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-toast{animation:none}}