.header[data-v-049820e7]{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2eeb;border-bottom:1px solid #00d4ff1a;padding:.85rem 1rem;position:sticky;top:0}.header-container[data-v-049820e7]{justify-content:space-between;align-items:center;gap:.75rem;max-width:1280px;margin:0 auto;display:flex}.logo[data-v-049820e7]{align-items:center;gap:.75rem;min-width:0;display:flex}.logo img[data-v-049820e7]{flex-shrink:0;width:auto;height:44px;display:block}.logo-text h1[data-v-049820e7]{color:var(--primary);text-shadow:0 0 10px #00d4ffcc;font-size:1.25rem}.logo-text p[data-v-049820e7]{color:var(--muted);font-size:.72rem}.nav[data-v-049820e7]{gap:1.5rem;display:flex}.nav a[data-v-049820e7]{white-space:nowrap;font-size:.95rem;transition:color .3s}.nav a[data-v-049820e7]:hover,.nav a.router-link-active[data-v-049820e7]{color:var(--primary)}.menu-toggle[data-v-049820e7]{cursor:pointer;background:#00d4ff14;border:1px solid #00d4ff59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-icon[data-v-049820e7]{width:18px;height:14px;display:block;position:relative}.menu-icon span[data-v-049820e7]{background:var(--primary);border-radius:999px;width:100%;height:2px;transition:transform .2s,opacity .2s,top .2s;position:absolute;left:0}.menu-icon span[data-v-049820e7]:first-child{top:0}.menu-icon span[data-v-049820e7]:nth-child(2){top:6px}.menu-icon span[data-v-049820e7]:nth-child(3){top:12px}.menu-icon.open span[data-v-049820e7]:first-child{top:6px;transform:rotate(45deg)}.menu-icon.open span[data-v-049820e7]:nth-child(2){opacity:0}.menu-icon.open span[data-v-049820e7]:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-backdrop[data-v-049820e7],.mobile-nav[data-v-049820e7]{display:none}@media (width<=768px){.desktop-nav[data-v-049820e7]{display:none}.menu-toggle[data-v-049820e7]{display:inline-flex}.mobile-backdrop[data-v-049820e7]{z-index:98;background:#0408148c;display:block;position:fixed;inset:68px 0 0}.mobile-nav[data-v-049820e7]{opacity:0;pointer-events:none;z-index:99;background:#121224fa;border-bottom:1px solid #00d4ff33;flex-direction:column;gap:.25rem;max-height:calc(100vh - 68px);padding:.75rem;transition:transform .2s,opacity .2s;display:flex;position:fixed;top:68px;left:0;right:0;overflow-y:auto;transform:translateY(-8px)}.mobile-nav.open[data-v-049820e7]{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a[data-v-049820e7]{background:#ffffff08;border:1px solid #00d4ff1f;border-radius:10px;padding:.85rem 1rem;font-size:1rem}.mobile-nav a.router-link-active[data-v-049820e7]{color:var(--primary);background:#00d4ff1a;border-color:#00d4ff73}}@media (width>=769px){.header[data-v-049820e7]{padding:1rem 2rem}.logo img[data-v-049820e7]{height:48px}.logo-text h1[data-v-049820e7]{font-size:1.5rem}}.site-footer[data-v-9c856c92]{background:#0a0a1af2;border-top:1px solid #00d4ff1f;margin-top:auto;padding:1.5rem 1rem 2rem}.footer-inner[data-v-9c856c92]{text-align:center;flex-direction:column;gap:.45rem;display:flex}.copyright[data-v-9c856c92]{color:var(--text);margin:0;font-size:.9rem}.license-line[data-v-9c856c92],.license-line-en[data-v-9c856c92],.legal-links[data-v-9c856c92]{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.license-line a[data-v-9c856c92],.license-line-en a[data-v-9c856c92],.legal-links a[data-v-9c856c92]{color:var(--primary);text-decoration:none}.license-line a[data-v-9c856c92]:hover,.license-line-en a[data-v-9c856c92]:hover,.legal-links a[data-v-9c856c92]:hover{text-decoration:underline}.taipei-clock[data-v-2d2e6975]{font-variant-numeric:tabular-nums;align-items:baseline;gap:.45rem;display:inline-flex}.taipei-clock-label[data-v-2d2e6975]{color:var(--muted);white-space:nowrap;font-size:.82rem}.taipei-clock-value[data-v-2d2e6975]{letter-spacing:.02em;white-space:nowrap;font-weight:600}.taipei-clock--compact .taipei-clock-label[data-v-2d2e6975]{font-size:.75rem}.taipei-clock--compact .taipei-clock-value[data-v-2d2e6975]{font-size:.92rem}.taipei-clock--default .taipei-clock-value[data-v-2d2e6975]{font-size:1rem}.admin-header[data-v-f4eca2b7]{z-index:120;background:linear-gradient(90deg,#1c0f1f,#280f15);border-bottom:1px solid #ef44444d;padding:.7rem 1rem;position:sticky;top:0}.admin-header-inner[data-v-f4eca2b7]{justify-content:space-between;align-items:center;gap:.75rem;max-width:1320px;margin:0 auto;display:flex}.brand[data-v-f4eca2b7]{color:#f9d1d1;align-items:center;gap:.55rem;min-width:0;display:inline-flex}.header-clock[data-v-f4eca2b7]{background:#ffffff0a;border:1px solid #fca5a559;border-radius:8px;margin-left:auto;padding:.35rem .65rem}.header-clock[data-v-f4eca2b7] .taipei-clock-label{color:#fca5a5}.header-clock[data-v-f4eca2b7] .taipei-clock-value{color:#ffe4e6}.badge[data-v-f4eca2b7]{letter-spacing:.06em;color:#1b0707;background:#fda4af;border-radius:6px;flex-shrink:0;padding:.18rem .42rem;font-size:.7rem;font-weight:700}.admin-nav[data-v-f4eca2b7]{gap:1rem;display:flex}.admin-nav a[data-v-f4eca2b7]{color:#fbcaca;white-space:nowrap;font-size:.92rem}.admin-nav a.router-link-active[data-v-f4eca2b7]{color:#fff}.meta[data-v-f4eca2b7]{color:#fca5a5;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.meta button[data-v-f4eca2b7]{color:#ffe4e6;cursor:pointer;background:0 0;border:1px solid #fca5a573;border-radius:999px;padding:.28rem .65rem}.menu-toggle[data-v-f4eca2b7]{cursor:pointer;background:#ffffff0a;border:1px solid #fca5a573;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-icon[data-v-f4eca2b7]{width:18px;height:14px;display:block;position:relative}.menu-icon span[data-v-f4eca2b7]{background:#fda4af;border-radius:999px;width:100%;height:2px;transition:transform .2s,opacity .2s,top .2s;position:absolute;left:0}.menu-icon span[data-v-f4eca2b7]:first-child{top:0}.menu-icon span[data-v-f4eca2b7]:nth-child(2){top:6px}.menu-icon span[data-v-f4eca2b7]:nth-child(3){top:12px}.menu-icon.open span[data-v-f4eca2b7]:first-child{top:6px;transform:rotate(45deg)}.menu-icon.open span[data-v-f4eca2b7]:nth-child(2){opacity:0}.menu-icon.open span[data-v-f4eca2b7]:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-backdrop[data-v-f4eca2b7],.mobile-nav[data-v-f4eca2b7]{display:none}@media (width<=900px){.desktop-nav[data-v-f4eca2b7],.desktop-meta[data-v-f4eca2b7]{display:none}.header-clock[data-v-f4eca2b7]{margin-left:auto;margin-right:.35rem;padding:.28rem .5rem}.header-clock[data-v-f4eca2b7] .taipei-clock-label{display:none}.menu-toggle[data-v-f4eca2b7]{margin-left:0;display:inline-flex}.mobile-backdrop[data-v-f4eca2b7]{z-index:118;background:#0804088c;display:block;position:fixed;inset:62px 0 0}.mobile-nav[data-v-f4eca2b7]{opacity:0;pointer-events:none;z-index:119;background:#1c0f1ffa;border-bottom:1px solid #ef444440;flex-direction:column;gap:.35rem;padding:.75rem;transition:transform .2s,opacity .2s;display:flex;position:fixed;top:62px;left:0;right:0;transform:translateY(-8px)}.mobile-nav.open[data-v-f4eca2b7]{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a[data-v-f4eca2b7]{color:#ffe4e6;background:#ffffff08;border:1px solid #fca5a533;border-radius:10px;padding:.8rem 1rem}.mobile-meta[data-v-f4eca2b7]{color:#fca5a5;margin:.35rem 0 0;padding:.65rem 1rem;font-size:.85rem}.mobile-logout[data-v-f4eca2b7]{color:#ffe4e6;cursor:pointer;text-align:left;background:0 0;border:1px solid #fca5a573;border-radius:10px;padding:.75rem 1rem}}.toast-host[data-v-de14f4dd]{z-index:500;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:88px;right:1rem}.toast-item[data-v-de14f4dd]{color:#e2e8f0;background:#0f172af5;border:1px solid #00d4ff59;border-radius:12px;min-width:220px;max-width:min(360px,100vw - 2rem);padding:.75rem 1rem;font-size:.92rem;box-shadow:0 10px 30px #00000059}.global-player[data-v-edd88d37]{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#14182af7 0%,#0a0a1afa 100%);border-top:1px solid #00d4ff38;height:40vh;min-height:240px;max-height:420px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000073}.global-player.no-lyrics[data-v-edd88d37]{height:auto;min-height:0;max-height:none}.global-player.no-lyrics .player-shell[data-v-edd88d37]{height:auto;padding-bottom:.85rem}.player-shell[data-v-edd88d37]{flex-direction:column;gap:.65rem;max-width:1280px;height:100%;margin:0 auto;padding:.9rem 1.25rem 1rem;display:flex}.player-header[data-v-edd88d37]{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.track-titles[data-v-edd88d37]{min-width:0}.shuffle-badge[data-v-edd88d37],.replay-badge[data-v-edd88d37],.live-badge-player[data-v-edd88d37]{border-radius:999px;margin-bottom:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.live-badge-player[data-v-edd88d37]{color:#fecaca;background:#ef444440}.shuffle-badge[data-v-edd88d37]{color:#e9d5ff;background:#a855f738}.replay-badge[data-v-edd88d37]{color:#c7d2fe;background:#6366f140}.track-title[data-v-edd88d37]{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;display:block;overflow:hidden}.track-title-link[data-v-edd88d37]{text-decoration:none}.track-title-link[data-v-edd88d37]:hover{text-underline-offset:.15em;text-decoration:underline}.track-artist[data-v-edd88d37]{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.9rem;display:block;overflow:hidden}.lyrics-panel[data-v-edd88d37]{scrollbar-width:thin;scrollbar-color:#00d4ff73 transparent;background:#00000038;border:1px solid #00d4ff1f;border-radius:12px;flex:1;min-height:0;padding:.85rem 1rem;overflow-y:auto}.lyrics-panel[data-v-edd88d37]::-webkit-scrollbar{width:6px}.lyrics-panel[data-v-edd88d37]::-webkit-scrollbar-thumb{background:#00d4ff59;border-radius:999px}.track-lyrics[data-v-edd88d37]{white-space:pre-wrap;color:var(--text);margin:0;font-size:.95rem;line-height:1.7}.track-lyrics.empty[data-v-edd88d37]{color:var(--muted);text-align:center;padding:1rem 0;font-style:italic}.song-link[data-v-edd88d37]{color:var(--primary);font-weight:700;text-decoration:none}.song-link[data-v-edd88d37]:hover{text-underline-offset:.15em;text-decoration:underline}.song-artist[data-v-edd88d37]{color:var(--muted)}.close-btn[data-v-edd88d37]{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:50%;flex-shrink:0;transition:color .2s,border-color .2s,background .2s}.close-btn[data-v-edd88d37]:hover{color:var(--text);border-color:var(--primary);background:#00d4ff14}.controls[data-v-edd88d37]{flex-direction:column;flex-shrink:0;gap:.55rem;padding-top:.15rem;display:flex}.progress-row[data-v-edd88d37]{align-items:center;gap:.65rem;width:100%;display:flex}.progress-time[data-v-edd88d37]{font-variant-numeric:tabular-nums;min-width:2.75rem;color:var(--muted);text-align:center;flex-shrink:0;font-size:.82rem}.progress-range[data-v-edd88d37]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:999px;flex:1;min-width:0;height:6px;margin:0}.progress-range[data-v-edd88d37]:disabled{opacity:.85;cursor:default}.progress-range[data-v-edd88d37]::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:999px;height:6px}.progress-range[data-v-edd88d37]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid #0a0a1ae6;border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 0 10px #00d4ff73}.progress-range[data-v-edd88d37]::-moz-range-track{background:#ffffff1a;border-radius:999px;height:6px}.progress-range[data-v-edd88d37]::-moz-range-thumb{background:var(--primary);border:2px solid #0a0a1ae6;border-radius:50%;width:14px;height:14px}.control-buttons[data-v-edd88d37]{justify-content:center;align-items:center;gap:.65rem;display:flex}.ctrl-btn[data-v-edd88d37]{background:var(--primary);width:46px;height:46px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;font-size:1rem;transition:box-shadow .3s,opacity .2s,transform .15s}.ctrl-btn[data-v-edd88d37]:hover:not(:disabled){transform:scale(1.04);box-shadow:0 0 18px #00d4ffbf}.ctrl-btn[data-v-edd88d37]:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn.play[data-v-edd88d37]{width:54px;height:54px;font-size:1.15rem}.ctrl-btn.nav[data-v-edd88d37],.ctrl-btn.stop[data-v-edd88d37]{border:1px solid var(--border);color:var(--text);background:0 0;font-size:.9rem}@media (width<=720px){.global-player[data-v-edd88d37]{min-height:260px}.player-shell[data-v-edd88d37]{padding:.75rem 1rem .85rem}.track-title[data-v-edd88d37]{font-size:1rem}}#app{flex-direction:column;min-height:100vh;display:flex}main{flex:1;min-height:calc(100vh - 80px);padding-bottom:1.5rem}main.has-player{padding-bottom:40vh}main.has-player-compact{padding-bottom:9rem}.admin-main{background:radial-gradient(1200px 500px at 20% -10%,#ef444429,#0000),linear-gradient(#12080a 0%,#0e0f19 60%);min-height:calc(100vh - 70px);padding-bottom:20px}:root{--bg:#0a0a1a;--card:#1a1a2eb3;--primary:#00d4ff;--accent:#a855f7;--text:#f0f0f0;--muted:#a0a0b0;--border:#00d4ff33}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Poppins,Inter,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1rem}.section-title{margin-bottom:1.25rem;font-size:1.5rem}}.section-title{color:var(--primary);text-shadow:0 0 10px #00d4ff80;margin-bottom:2rem;font-size:2rem}.theme-card,.program-card,.song-item{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;transition:all .3s}.theme-card:hover,.program-card:hover,.song-item:hover{border-color:#00d4ff80;box-shadow:0 0 20px #00d4ff4d}.hero-cta{background:var(--primary);color:var(--bg);cursor:pointer;border:none;border-radius:50px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.hero-cta:hover{transform:scale(1.05);box-shadow:0 0 20px #00d4ffcc}.live-badge{color:#fff;background:#ef4444;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.category-panel{padding:1rem}.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-header h2{margin:0}.category-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:.75rem;margin:1rem 0;display:grid}.category-form label{flex-direction:column;gap:.3rem;display:flex}.category-form input[type=text],.category-form input[type=number],.category-form input[type=search],.category-form input[type=file],.category-form input[type=date],.category-form input[type=time],.category-form input[type=datetime-local],.category-form input:not([type]),.category-form select,.category-form textarea{border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;border-radius:8px;min-height:2.5rem;padding:.55rem .75rem;line-height:1.4}.category-form input[type=date],.category-form input[type=time],.category-form input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.category-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(.85)}.category-form input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(.85)}.category-form input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(.85)}.full-width{grid-column:1/-1}.media-create-form .file-hint{margin:-.25rem 0 0}.upload-progress-wrap{flex-direction:column;gap:.35rem;display:flex}.upload-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:8px;overflow:hidden}.upload-progress-bar{background:linear-gradient(135deg,#00d4ff,#a855f7);height:100%;transition:width .2s}.category-table-wrap{overflow-x:auto}.category-table{border-collapse:collapse;width:100%;min-width:860px}.category-table th,.category-table td{border-bottom:1px solid var(--border);text-align:left;padding:.6rem .55rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.ghost,.danger{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem}.danger{color:#fca5a5;border-color:#7f1d1d}.empty{color:var(--muted)}.genre-field-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.genre-field-label .genre-selected-count{color:var(--muted,#94a3b8);font-size:.8rem;font-weight:500}.genre-checkboxes{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.genre-chip{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.42rem .9rem;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;display:inline-flex;position:relative}.genre-chip:hover{background:#00d4ff0f;border-color:#00d4ff59}.genre-chip:active{transform:scale(.98)}.genre-chip input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.genre-chip .chip-mark{background:0 0;border:1.5px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.65rem;line-height:1;transition:border-color .15s,background .15s;display:inline-flex}.genre-chip:has(input:checked){background:#00d4ff1f;border-color:#00d4ff8c;box-shadow:0 0 0 1px #00d4ff26}.genre-chip:has(input:checked) .chip-mark{color:#0a0a1a;background:linear-gradient(135deg,#00d4ff,#a855f7);border-color:#00d4ff}.genre-chip:has(input:focus-visible){outline-offset:2px;outline:2px solid #00d4ff73}.genre-chip .chip-text{font-size:.9rem;line-height:1.2}.category-table thead th{letter-spacing:.02em;color:var(--muted,#94a3b8);white-space:nowrap;background:#ffffff08;font-size:.78rem;font-weight:600}.category-table tbody tr{transition:background .12s}.category-table tbody tr:hover{background:#ffffff08}.category-table tbody tr.is-editing{background:#00d4ff14;box-shadow:inset 3px 0 #00d4ff}.category-table .col-num{font-variant-numeric:tabular-nums;color:var(--muted,#94a3b8);width:3rem}.category-table .col-duration{font-variant-numeric:tabular-nums;white-space:nowrap}.duration-cell-main{color:var(--text);font-weight:600}.duration-cell-sub{color:var(--muted,#94a3b8);margin-top:.1rem;font-size:.78rem;display:block}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.78rem;font-weight:600;line-height:1.3;display:inline-flex}.status-badge.is-published{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.status-badge.is-draft{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d}.status-badge.is-active{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.status-badge.is-inactive{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b84d}.preview-btn{min-width:4.5rem}.preview-btn.is-playing{color:#7dd3fc;background:#00d4ff1a;border-color:#00d4ff80}.songs-form-card{border:1px solid var(--border);background:#ffffff05;border-radius:14px;margin-bottom:1rem;padding:1rem 1.1rem}.songs-form-card.is-editing{border-color:#00d4ff59;box-shadow:0 0 0 1px #00d4ff14}.songs-form-heading{color:var(--muted,#94a3b8);margin:0 0 .85rem;font-size:.95rem;font-weight:600}.duration-hint{border:1px dashed var(--border);background:#ffffff0a;border-radius:8px;margin:0;padding:.55rem .75rem}.form-message{color:var(--muted,#94a3b8);margin:0 0 .75rem}.form-message.is-error{color:#fca5a5}.form-message.is-success{color:#6ee7b7}.list-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0 1rem;display:flex}.list-toolbar input,.list-toolbar select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:.5rem .65rem}.list-toolbar input[type=search]{flex:1;min-width:200px}.field-label{margin-bottom:.35rem;display:block}.edit-audio-preview{margin-bottom:.25rem}.audio-preview-panel{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:.85rem 1rem}.audio-preview-panel audio{width:100%;max-width:480px}.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.songs-card-list-wrap{flex-direction:column;gap:.75rem;display:flex}.songs-card-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px;margin:0;padding:1.25rem}.song-row-card{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 94%, #00d4ff 6%);border-radius:14px;flex-direction:column;gap:.65rem;padding:.9rem 1rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.song-row-card:hover{border-color:color-mix(in srgb, var(--border) 55%, #00d4ff);background:color-mix(in srgb, var(--card) 90%, #00d4ff 10%)}.song-row-card.is-editing{background:#00d4ff14;border-color:#00d4ff;box-shadow:inset 3px 0 #00d4ff}.song-card-row{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;display:flex}.song-card-row-main{align-items:center}.song-card-identity{flex:220px;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.song-card-id{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;padding-top:.15rem;font-size:.82rem}.song-card-titles{flex-direction:column;gap:.2rem;min-width:0;display:flex}.song-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;line-height:1.35;overflow:hidden}.song-card-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.song-card-metric{flex-direction:column;gap:.12rem;min-width:4.5rem;display:flex}.metric-label{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.song-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-left:auto;display:flex}.song-card-row-genres{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);align-items:flex-start;padding-top:.15rem}.song-card-row-genres .metric-label{flex-shrink:0;min-width:2.5rem;padding-top:.2rem}.song-genre-pills{flex-wrap:wrap;flex:1;gap:.35rem;min-width:0;display:flex}.song-genre-pill{border:1px solid color-mix(in srgb, var(--border) 70%, #a855f7);color:#e9d5ff;background:#a855f71a;border-radius:999px;align-items:center;padding:.22rem .62rem;font-size:.8rem;line-height:1.3;display:inline-flex}.song-card-row-dates{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);padding-top:.15rem}.song-card-date{flex-direction:column;flex:9.5rem;gap:.12rem;min-width:9.5rem;display:flex}.date-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:.86rem;line-height:1.35}@media (width<=900px){.song-card-row-main{align-items:flex-start}.song-card-actions{justify-content:flex-start;width:100%;margin-left:0}}