@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#07080e;--bg2:#0d0f1a;--panel:#111420;--panel2:#181c2e;--panel3:#1e2235;--text:#eef0f8;--text2:#a8b0cc;--muted:#6a7294;--line:#ffffff12;--line2:#ffffff1f;--accent:#7c6af7;--accent2:#22d3ee;--accent3:#a78bfa;--good:#34d399;--warn:#fbbf24;--danger:#f87171;--shadow-sm:0 4px 16px #00000047;--shadow:0 12px 40px #0006;--shadow-lg:0 24px 80px #0000008c;--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--tr:.18s ease}[data-theme=light]{--bg:#f4f5fb;--bg2:#eef0f8;--panel:#fff;--panel2:#f0f2fa;--panel3:#e8eaf5;--text:#0f1122;--text2:#3d4468;--muted:#7880a8;--line:#00000012;--line2:#0000001f;--shadow-sm:0 4px 16px #28326414;--shadow:0 12px 40px #2832641f;--shadow-lg:0 24px 80px #2832642e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 500px at 0 0,#7c6af72e,#0000 60%),radial-gradient(600px 400px at 100% 0,#22d3ee1f,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}.shell{width:min(1280px,100% - 32px);margin:0 auto}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--panel3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.topbar{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{letter-spacing:-.03em;color:var(--text);align-items:center;gap:12px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 24px #7c6af759,0 0 0 1px #ffffff14}.brand-logo svg{width:22px;height:22px}.brand-sub{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600;display:block}.top-actions{align-items:center;gap:8px;display:flex}.cloud-sync-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.cloud-sync-badge:hover{border-color:var(--line2);color:var(--text);transform:translateY(-1px)}.sync-icon-dot{background:var(--muted);border-radius:50%;width:7px;height:7px;transition:background .3s,transform .3s;display:inline-block}.cloud-sync-badge.sync-synced{color:#10b981;background:#10b98117;border-color:#10b98147}.cloud-sync-badge.sync-synced .sync-icon-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.cloud-sync-badge.sync-syncing{color:var(--accent);background:#7c6af71f;border-color:#7c6af759}.cloud-sync-badge.sync-syncing .sync-icon-dot{background:var(--accent);animation:1.2s ease-in-out infinite pulse-sync;box-shadow:0 0 10px #7c6af7cc}.cloud-sync-badge.sync-offline{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b40}.cloud-sync-badge.sync-offline .sync-icon-dot{background:#f59e0b}@keyframes pulse-sync{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}.btn{border:1px solid var(--line2);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);transition:var(--tr);white-space:nowrap;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--panel2);box-shadow:var(--shadow-sm);border-color:#7c6af780;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), #5b4de8);color:#fff;border-color:#0000;box-shadow:0 4px 20px #7c6af766}.btn-primary:hover{background:linear-gradient(135deg,#8e7ef8,#6d5dfc);border-color:#0000;box-shadow:0 6px 28px #7c6af78c}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--panel2);color:var(--text);border-color:var(--line)}.btn-icon{border-radius:var(--radius-sm);justify-content:center;width:38px;height:38px;padding:0}.btn-danger{color:var(--danger);border-color:#f8717159}.btn-danger:hover{border-color:var(--danger);background:#f871711a}.hero{padding:56px 0 32px}.eyebrow{color:#c4b5fd;letter-spacing:.1em;text-transform:uppercase;background:#7c6af71f;border:1px solid #7c6af740;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.055em;background:linear-gradient(135deg, var(--text) 40%, var(--accent3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(40px,7vw,78px);font-weight:900;line-height:.92}.hero-desc{color:var(--text2);max-width:700px;margin-bottom:32px;font-size:16px;line-height:1.65}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:var(--tr);padding:20px;position:relative;overflow:hidden}.stat:before{content:"";opacity:0;transition:var(--tr);background:linear-gradient(135deg,#7c6af70f,#0000);position:absolute;inset:0}.stat:hover:before{opacity:1}.stat-value{letter-spacing:-.04em;color:var(--text);font-size:30px;font-weight:900}.stat-label{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500}.stat-icon{opacity:.25;font-size:22px;position:absolute;top:16px;right:16px}.workspace{grid-template-columns:1fr 300px;align-items:start;gap:20px;padding-bottom:60px;display:grid}.main-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.search-zone{border-bottom:1px solid var(--line);gap:14px;padding:18px;display:grid}.search-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.searchbox{position:relative}.searchbox-icon{color:var(--muted);pointer-events:none;font-size:17px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.searchbox input{background:var(--panel2);border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:var(--radius);transition:var(--tr);outline:none;padding:13px 42px;font-size:14px}.searchbox input::placeholder{color:var(--muted)}.searchbox input:focus{border-color:var(--accent);background:var(--panel3);box-shadow:0 0 0 4px #7c6af71f}.searchbox-lyrics input:focus{border-color:var(--accent2);box-shadow:0 0 0 4px #22d3ee1a}.searchbox-clear{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px;font-size:16px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.searchbox-clear:hover{color:var(--text);background:var(--panel3)}.search-badge{background:var(--panel3);border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--line);color:var(--muted);transition:var(--tr);letter-spacing:.02em;background:0 0;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.chip:hover{border-color:var(--line2);color:var(--text2)}.chip.active{background:var(--text);color:var(--bg);border-color:#0000}.chip.fav.active{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#0000}.filter-selects{gap:8px;display:flex}.select{background:var(--panel2);border:1.5px solid var(--line);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--tr);outline:none;padding:8px 12px;font-size:13px;font-weight:500}.select:focus{border-color:var(--accent)}.alpha-bar{flex-wrap:wrap;gap:3px;display:flex}.alpha-btn{min-width:30px;height:30px;color:var(--muted);transition:var(--tr);background:0 0;border:0;border-radius:8px;font-size:11px;font-weight:800}.alpha-btn:hover,.alpha-btn.active{background:var(--panel2);color:var(--text)}.alpha-btn.active{background:var(--accent);color:#fff}.list-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;font-weight:500;display:flex}.list-head strong{color:var(--text);font-weight:700}.catalog-section+.catalog-section{border-top:10px solid var(--bg)}.section-head{z-index:10;background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;display:flex;position:sticky;top:68px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text2);align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.section-title-flag{font-size:18px}.section-count{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.song-row{border-bottom:1px solid var(--line);cursor:pointer;transition:var(--tr);grid-template-columns:28px 58px 1fr auto auto;align-items:center;gap:12px;padding:14px 18px;display:grid;position:relative}.song-row:after{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent2));opacity:0;width:3px;transition:var(--tr);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.song-row:hover{background:#7c6af70a}.song-row:hover:after{opacity:1}.song-row:last-child{border-bottom:0}.song-code{color:#c4b5fd;text-align:center;letter-spacing:.02em;background:#7c6af71f;border:1px solid #7c6af733;border-radius:10px;padding:7px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.song-title{letter-spacing:-.015em;color:var(--text);margin-bottom:3px;font-size:15px;font-weight:700}.song-artist{color:var(--muted);font-size:12px;font-weight:500}.song-meta{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600}.tag-ok{color:var(--good);background:#34d39912;border-color:#34d39940}.tag-tr{color:#fb923c;background:#fb923c12;border-color:#fb923c40}.tag-en{color:var(--accent2);background:#22d3ee12;border-color:#22d3ee40}.fav-btn{color:var(--muted);width:40px;height:40px;transition:var(--tr);background:0 0;border:0;border-radius:10px;place-items:center;font-size:22px;display:grid}.fav-btn:hover{color:var(--danger);background:#f871711a}.fav-btn.on{color:#f43f5e}.artist-groups-container{gap:14px;padding:14px 16px 20px;display:grid}.section-artist-count{color:#c4b5fd;background:#7c6af71f;border:1px solid #7c6af740;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.artist-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--tr), box-shadow var(--tr);overflow:hidden;box-shadow:0 3px 14px #0000001f}.artist-group:hover{border-color:#7c6af759;box-shadow:0 6px 24px #0003}.artist-group-head{background:color-mix(in srgb, var(--panel2) 85%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);transition:background var(--tr);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.artist-group.is-collapsed .artist-group-head{border-bottom:0}.artist-group-head:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel2))}.artist-group-info{align-items:center;gap:12px;display:flex}.artist-avatar{background:linear-gradient(135deg,#7c6af740,#22d3ee33);border:1px solid #7c6af759;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.artist-name{letter-spacing:-.015em;color:var(--text);margin:0;font-size:16px;font-weight:850}.artist-group-meta{align-items:center;gap:10px;display:flex}.artist-count-badge{color:#c4b5fd;letter-spacing:.02em;background:#7c6af724;border:1px solid #7c6af740;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:750}.artist-toggle-icon{color:var(--muted);background:var(--panel);border-radius:6px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.artist-songs-list{background:var(--panel)}.artist-song-row{background:0 0;grid-template-columns:28px 58px 1fr auto auto;align-items:center;gap:12px;padding:13px 18px;display:grid}.artist-song-row .song-title{color:var(--text);margin-bottom:0;font-size:15px;font-weight:700}.tag-key{color:var(--accent2);background:#22d3ee14;border-color:#22d3ee40;font-family:JetBrains Mono,monospace;font-weight:800}.song-check-wrap,.artist-check-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative}.song-checkbox,.artist-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.song-checkbox-custom,.artist-checkbox-custom{border:1.5px solid var(--line2);background:var(--panel2);color:#fff;width:20px;height:20px;transition:var(--tr);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.song-check-wrap:hover .song-checkbox-custom,.artist-check-wrap:hover .artist-checkbox-custom{border-color:var(--accent)}.song-check-wrap.checked .song-checkbox-custom,.artist-check-wrap.checked .artist-checkbox-custom{background:var(--accent);border-color:var(--accent)}.artist-check-wrap.partial .artist-checkbox-custom{border-color:var(--accent);background:#7c6af773}.song-row.row-selected{background:#7c6af714;border-bottom-color:#7c6af738}.song-row.row-selected:after{opacity:1}.song-actions{align-items:center;gap:2px;display:flex}.btn-trash-row{color:var(--muted);cursor:pointer;width:34px;height:34px;transition:var(--tr);opacity:.55;background:0 0;border:0;border-radius:8px;place-items:center;font-size:14px;display:grid}.song-row:hover .btn-trash-row{opacity:1}.btn-trash-row:hover{color:var(--danger);background:#f43f5e26;transform:scale(1.1)}.btn-trash-artist{color:var(--danger);cursor:pointer;width:30px;height:30px;transition:var(--tr);background:#f43f5e14;border:1px solid #f43f5e33;border-radius:8px;place-items:center;font-size:13px;display:grid}.btn-trash-artist:hover{border-color:var(--danger);background:#f43f5e38;transform:scale(1.08)}.artist-toggle-btn{color:var(--muted);cursor:pointer;width:26px;height:26px;transition:var(--tr);background:0 0;border:0;border-radius:6px;place-items:center;font-size:11px;display:grid}.artist-toggle-btn:hover{background:var(--panel2);color:var(--text)}.btn-trash-modal{align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex;color:var(--danger)!important}.btn-trash-modal:hover{border-color:var(--danger)!important;background:#f43f5e1f!important}.batch-action-bar{background:color-mix(in srgb, var(--panel3) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:85;border:1.5px solid #7c6af759;border-radius:999px;align-items:center;gap:14px;max-width:min(94vw,700px);padding:10px 18px;animation:.22s cubic-bezier(.16,1,.3,1) slideUpBar;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0000008c,0 0 24px #7c6af733}@keyframes slideUpBar{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.batch-info{align-items:center;display:flex}.batch-count-pill{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}.batch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-sm{border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700}.btn-danger-fill{color:#fff;cursor:pointer;transition:var(--tr);background:linear-gradient(135deg,#f43f5e,#be123c);border:0;box-shadow:0 2px 10px #f43f5e59}.btn-danger-fill:hover{background:linear-gradient(135deg,#fb7185,#e11d48);transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e80}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:120;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-card{background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius-lg);text-align:left;width:min(520px,100%);padding:26px 28px;animation:.2s cubic-bezier(.16,1,.3,1) scaleCard;box-shadow:0 24px 60px #0009}@keyframes scaleCard{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-icon{background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:28px;display:grid}.confirm-title{letter-spacing:-.02em;color:var(--text);margin:0 0 10px;font-size:18px;font-weight:850}.confirm-desc{color:var(--text2);margin:0 0 16px;font-size:14px;line-height:1.55}.confirm-desc strong{color:var(--text)}.confirm-song-preview{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:6px;max-height:160px;margin-bottom:16px;padding:10px 14px;display:grid;overflow-y:auto}.confirm-preview-row{align-items:center;gap:8px;font-size:12px;display:flex}.confirm-preview-code{color:#c4b5fd;background:#7c6af71f;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.confirm-preview-title{color:var(--text);font-weight:700}.confirm-preview-artist{color:var(--muted)}.confirm-preview-more{color:var(--muted);text-align:center;padding-top:4px;font-size:11px;font-weight:600}.confirm-note{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.5}.confirm-note strong{color:var(--text)}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.view-toggle{background:var(--panel2);border:1.5px solid var(--line);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.view-btn{color:var(--muted);cursor:pointer;transition:var(--tr);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7c6af759}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}.empty-state p{margin-bottom:12px;font-size:17px}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:86px}.side-panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:800}.quick-actions{gap:8px;margin-bottom:20px;display:grid}.legend{gap:8px;margin-top:16px;display:grid}.legend-row{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--good)}.dot-yellow{background:var(--warn)}.side-note{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);margin-top:14px;padding:14px;font-size:12px;line-height:1.6}.side-note strong{color:var(--text)}.modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:flex-end;padding:0;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-sheet{background:var(--bg2);border:1px solid var(--line2);width:min(1120px,100%);height:min(92vh,920px);box-shadow:var(--shadow-lg);border-radius:28px 28px 0 0;grid-template-rows:auto auto 1fr;transition:transform .3s cubic-bezier(.22,.68,0,1.2);display:grid;overflow:hidden;transform:translateY(30px)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.sheet-head{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.sheet-code{color:#c4b5fd;background:#7c6af71f;border:1px solid #7c6af733;border-radius:8px;margin-bottom:8px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-block}.sheet-title{letter-spacing:-.04em;margin-bottom:4px;font-size:24px;font-weight:800}.sheet-artist{color:var(--muted);font-size:14px;font-weight:500}.transpose-bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px;display:flex;position:relative}.transpose-bar:after{content:"";background:linear-gradient(90deg,#0000,#7c6af74d,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.trans-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.trans-box{border:1.5px solid var(--line2);background:var(--panel2);border-radius:12px;align-items:center;display:flex;overflow:hidden}.trans-box button{color:var(--text);transition:var(--tr);background:0 0;border:0;padding:9px 14px;font-size:15px;font-weight:800}.trans-box button:hover{color:var(--accent3);background:#7c6af726}.trans-box select{color:var(--text);text-align:center;background:0 0;border:0;min-width:90px;padding:9px 6px;font-size:14px;font-weight:700}.trans-offset{color:var(--accent3);background:#7c6af71a;border:1px solid #7c6af733;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.spacer{flex:1}.sheet-body{grid-template-columns:1fr 320px;min-height:0;display:grid;overflow:hidden}.score-wrap{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.score-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-head-title{font-size:14px;font-weight:700}.score-status-text{color:var(--good);font-size:12px;font-weight:600}.score-status-text.unverified{color:var(--warn)}.score-display{white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:300px;padding:20px 22px;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;line-height:1.9}.chord-token{color:#a78bfa;letter-spacing:.02em;font-weight:800}.section-label{color:var(--accent2);font-size:13px;font-weight:700}.score-empty{text-align:center;border:2px dashed var(--line2);border-radius:var(--radius);min-height:300px;color:var(--muted);place-items:center;padding:32px;display:grid}.score-empty p{margin-bottom:8px;font-size:15px}.lyrics-section{margin-top:4px}.lyrics-section h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:800}.lyrics-text{color:var(--text2);white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;font-size:14px;line-height:1.85}.score-editor{resize:vertical;background:var(--panel2);width:100%;min-height:280px;color:var(--text);border:1.5px solid var(--line2);border-radius:var(--radius);transition:var(--tr);outline:none;padding:16px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7}.score-editor:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7c6af71a}.editor-actions{gap:8px;margin-top:10px;display:flex}.details-panel{border-left:1px solid var(--line);padding:20px;overflow-y:auto}.details-panel h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;font-size:11px;font-weight:800}.details-panel h3:first-child{margin-top:0}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.kv:last-of-type{border-bottom:0}.kv-label{color:var(--muted);font-weight:500}.kv-value{color:var(--text);font-weight:700}.source-link{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text2);transition:var(--tr);align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.source-link:hover{color:var(--text);background:#7c6af70d;border-color:#7c6af780}.source-link-ext{color:var(--muted);margin-left:auto;font-size:14px}.stage-overlay{z-index:90;opacity:0;pointer-events:none;background:#030405;flex-direction:column;transition:opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden}.stage-overlay.open{opacity:1;pointer-events:all}.stage-head{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030405e6;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.stage-song-info small{color:#6a7294;font-size:12px}.stage-song-info strong{color:#fff;font-size:16px;font-weight:700;display:block}.stage-tools{flex-wrap:wrap;gap:8px;display:flex}.stage-content{flex:1;padding:32px 48px 100px;overflow-y:auto}.stage-score{white-space:pre-wrap;color:#e2e8f0;font-family:JetBrains Mono,monospace;line-height:1.75}.stage-chord{color:#a78bfa;font-weight:800}.stage-section-label{color:#22d3ee;font-weight:700}.toast{background:var(--panel3);color:var(--text);border:1px solid var(--line2);opacity:0;pointer-events:none;z-index:110;box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .22s cubic-bezier(.22,.68,0,1.2);position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=960px){.workspace{grid-template-columns:1fr}.side-panel{display:none}.stats{grid-template-columns:repeat(2,1fr)}.song-row{grid-template-columns:52px 1fr 44px}.song-meta{display:none}.sheet-body{grid-template-columns:1fr}.details-panel{border-left:0;border-top:1px solid var(--line)}.search-row{grid-template-columns:1fr}}@media (width<=600px){.hero{padding-top:36px}.hero-title{font-size:46px}.search-zone{padding:14px}.alpha-bar{display:none}.topbar-inner{height:60px}.brand-sub{display:none}.sheet-head{padding:16px}.transpose-bar{padding:12px 16px}.score-wrap{padding:16px}.stage-content{padding:20px 20px 80px}.nav-btn-label,.stage-nav-text{display:none}}.chord-palette-bar{background:var(--panel2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;display:flex}.chord-palette-title{letter-spacing:.08em;color:var(--accent2);font-size:11px;font-weight:800}.chord-palette-items{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chord-palette-hint{color:var(--muted);margin-left:auto;font-size:11px}.chord-palette-badge-wrap{cursor:pointer;display:inline-block;position:relative}.chord-palette-badge{color:var(--accent3);transition:var(--tr);background:#7c6af726;border:1px solid #7c6af759;border-radius:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;display:inline-block}.chord-palette-badge:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.chord-token-wrap{cursor:pointer;display:inline-block;position:relative}.chord-token{color:var(--accent3);transition:var(--tr);border-bottom:1px dotted #a78bfa66;font-weight:800}.chord-token:hover{color:#fff;background:#7c6af740;border-radius:3px}.chord-popover{z-index:120;filter:drop-shadow(0 12px 28px #0009);pointer-events:auto;animation:.15s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.chord-diagram-card{background:var(--panel3);border:1.5px solid var(--line2);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;padding:10px 12px 6px;display:flex}.chord-diagram-svg{display:block}.autoscroll-bar{background:var(--panel2);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.autoscroll-title{letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.scroll-pulse{background:var(--muted);width:8px;height:8px;transition:var(--tr);border-radius:50%}.scroll-pulse.active{background:var(--good);box-shadow:0 0 10px var(--good);animation:1.2s infinite pulseAnim}@keyframes pulseAnim{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.autoscroll-controls{align-items:center;gap:12px;display:flex}.speed-selector{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.btn-speed{color:var(--muted);cursor:pointer;transition:var(--tr);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.btn-speed:hover{color:var(--text)}.btn-speed.active{background:var(--accent);color:#fff}.stage-autoscroll-box{align-items:center;gap:10px;display:flex}.stage-speed-picker{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:3px;padding:3px 4px;display:flex}.btn-speed-stage{color:#fff9;cursor:pointer;transition:var(--tr);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.btn-speed-stage:hover{color:#fff}.btn-speed-stage.active{background:var(--accent);color:#fff}.btn-danger-fill{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.sheet-head-left{align-items:center;gap:12px;display:flex}.sheet-head-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-buttons-group{background:var(--panel2);border:1px solid var(--line);border-radius:8px;align-items:center;padding:2px;display:flex}.btn-icon-text{color:var(--text);cursor:pointer;transition:var(--tr);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn-icon-text:hover:not(:disabled){background:var(--panel3);color:var(--accent3)}.btn-icon-text:disabled{opacity:.35;cursor:not-allowed}.stage-nav-group{align-items:center;gap:6px;display:flex}.btn-stage-nav{color:#fff;background:#ffffff14;border:1px solid #ffffff24;padding:6px 12px;font-size:12px;font-weight:700}.btn-stage-nav:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d}.btn-stage-nav:disabled{opacity:.3;cursor:not-allowed}.stage-code-badge{color:#fff;background:#ffffff1f;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.stage-artist-name{color:#ffffffb3;font-size:13px}.stage-title-name{color:#fff;font-size:18px}.capo-selector-box{background:var(--panel2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.capo-label{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:800}.capo-select{height:auto;color:var(--accent2);cursor:pointer;background:0 0;border:0;padding:2px 8px;font-size:12px;font-weight:800}.stage-cue-banner{color:#fbbf24;background:#d9770626;border-bottom:1px solid #d9770640;align-items:center;gap:16px;padding:8px 28px;font-size:13px;display:flex}.stage-cue-capo{background:#d9770640;border-radius:6px;padding:3px 10px;font-weight:700}.stage-cue-note{color:#fef3c7;flex:1;font-size:13px}.stage-notes-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-direction:column;margin-top:14px;padding:12px;display:flex}.stage-notes-head{color:var(--accent2);align-items:center;gap:6px;margin-bottom:8px;display:flex}.stage-notes-textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:8px;font-family:inherit;font-size:12px;line-height:1.5}.stage-notes-textarea:focus{border-color:var(--accent);outline:none}.menu-dropdown{background:var(--panel3);border:1.5px solid var(--line2);min-width:220px;box-shadow:var(--shadow);z-index:105;border-radius:12px;padding:6px;animation:.15s popoverFadeIn;position:absolute;top:calc(100% + 6px);left:0}.menu-dropdown-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px 4px;font-size:11px;font-weight:800}.menu-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;transition:var(--tr);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.menu-dropdown-item:hover{background:var(--panel2);color:var(--accent3)}.menu-dropdown-empty{color:var(--muted);text-align:center;padding:10px;font-size:12px}.metronome-modal-wrap{background:var(--panel);border-bottom:1px solid var(--line);padding:14px 24px}.metronome-widget{background:var(--panel2);border:1px solid var(--line);border-radius:12px;max-width:520px;padding:14px 18px}.metronome-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metronome-bpm-val{color:var(--accent3);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:900}.metro-dots{align-items:center;gap:8px;display:flex}.metro-dot{background:#ffffff1f;border-radius:50%;width:14px;height:14px;transition:background 80ms,transform 80ms}.metro-dot.beat-one{background:#f43f5e;transform:scale(1.3);box-shadow:0 0 14px #f43f5e}.metro-dot.beat-other{background:var(--good);box-shadow:0 0 12px var(--good);transform:scale(1.2)}.metronome-ctrls{align-items:center;gap:8px;margin-bottom:12px;display:flex}.metronome-slider{accent-color:var(--accent);cursor:pointer;flex:1}.metronome-actions,.metronome-compact{align-items:center;gap:8px;display:flex}.metro-btn{color:#fff;cursor:pointer;transition:var(--tr);background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.metro-btn:hover{background:#ffffff29}.metro-btn.playing{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #7c6af766}.metro-dots-compact{align-items:center;gap:5px;display:flex}.metro-dots-compact .metro-dot{width:8px;height:8px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000bf;place-items:center;padding:20px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}.setlist-modal-card{background:var(--panel);border:1.5px solid var(--line2);border-radius:18px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.setlist-modal-head{border-bottom:1px solid var(--line);background:var(--panel2);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.setlist-modal-title{margin:0;font-size:18px;font-weight:800}.setlist-modal-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.setlist-modal-body{flex:1;grid-template-columns:280px 1fr;min-height:400px;display:grid;overflow:hidden}.setlist-sidebar{border-right:1px solid var(--line);background:var(--panel2);flex-direction:column;gap:14px;padding:16px;display:flex}.setlist-create-form{gap:6px;display:flex}.setlist-nav-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.setlist-nav-item{background:var(--panel);cursor:pointer;transition:var(--tr);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.setlist-nav-item:hover{background:var(--panel3)}.setlist-nav-item.selected{border-color:var(--accent);background:#7c6af71f}.setlist-item-name{font-size:13px;font-weight:700;display:block}.setlist-item-count{color:var(--muted);margin-top:2px;font-size:11px}.setlist-item-actions{gap:4px;display:flex}.active-badge{color:var(--good);background:#34d39926;border:1px solid #34d3994d;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.setlist-detail{flex-direction:column;padding:20px 24px;display:flex;overflow-y:auto}.setlist-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.setlist-detail-title{margin:0;font-size:20px;font-weight:800}.setlist-detail-stats{color:var(--muted);gap:8px;margin-top:4px;font-size:12px;display:flex}.setlist-songs-container{flex-direction:column;flex:1;gap:6px;display:flex}.setlist-empty-songs{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;line-height:1.6}.setlist-song-card{background:var(--panel2);border:1px solid var(--line);transition:var(--tr);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.setlist-song-card:hover{border-color:#7c6af766}.setlist-order-num{color:var(--muted);text-align:center;width:24px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.setlist-song-main{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.setlist-song-code{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.setlist-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.setlist-song-artist{color:var(--muted);font-size:12px}.setlist-song-ctrls{align-items:center;gap:4px;display:flex}.active-setlist-pill{gap:6px;font-size:12px;font-weight:700;color:#fbbf24!important;background:#d977061f!important;border-color:#d9770666!important}.active-setlist-card{background:#d977061a;border:1.5px solid #d977064d;border-radius:12px;margin-bottom:16px;padding:12px 14px}.active-setlist-head{align-items:flex-start;gap:8px;display:flex}.active-setlist-label{text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;font-size:10px;font-weight:800}.active-setlist-title{color:var(--text);font-size:13px;display:block}.active-setlist-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.chip-active-setlist{color:#fbbf24!important;background:#d977062e!important;border-color:#d9770666!important;font-weight:800!important}.add-song-card{background:var(--panel);border:1.5px solid var(--line2);border-radius:18px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.add-song-head{border-bottom:1px solid var(--line);background:var(--panel2);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.add-song-title{margin:0;font-size:18px;font-weight:800}.add-song-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.add-song-form{flex-direction:column;padding:20px 24px;display:flex;overflow-y:auto}.add-song-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--muted);font-size:12px;font-weight:700}.input-text{background:var(--panel2);border:1px solid var(--line);color:var(--text);transition:var(--tr);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.input-text:focus{border-color:var(--accent)}.input-text-sm{background:var(--panel2);border:1px solid var(--accent);color:var(--text);border-radius:6px;outline:none;width:100%;padding:4px 8px;font-size:12px}.add-song-textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.add-song-textarea:focus{border-color:var(--accent)}.add-song-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media print{body{font-size:12pt;color:#000!important;background:#fff!important}.topbar,.hero,.search-zone,.side-panel,.batch-action-bar,.toast,.transpose-bar,.autoscroll-bar,.stage-overlay,.modal-overlay .sheet-head-right,.details-panel,.chord-palette-hint,.modal-sheet:before{display:none!important}.modal-overlay{background:0 0!important;padding:0!important;position:static!important;inset:auto!important}.modal-sheet{box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.sheet-body{display:block!important}.score-wrap{padding:0!important;overflow:visible!important}.score-head{border-bottom:2px solid #000!important;padding-bottom:8px!important}.sheet-title{color:#000!important;font-size:24pt!important}.sheet-artist{color:#333!important;font-size:14pt!important}.score-display{color:#000!important;font-size:11pt!important;line-height:1.5!important}.chord-token{color:#000!important;border-bottom:none!important;font-weight:900!important}.section-label{color:#000!important;font-weight:700!important;text-decoration:underline!important}.chord-palette-bar{background:#f8f8f8!important;border:1px solid #ccc!important}.chord-palette-badge{color:#000!important;background:#eee!important;border:1px solid #999!important}}.add-song-tabs{background:var(--panel2);border-bottom:1px solid var(--line);gap:8px;padding:0 16px;display:flex}.add-tab-btn{color:var(--muted);cursor:pointer;transition:var(--tr);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.add-tab-btn:hover{color:var(--text)}.add-tab-btn.active{color:var(--accent3);border-bottom-color:var(--accent)}.tab-badge{color:var(--accent3);background:#7c6af733;border:1px solid #7c6af759;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.auto-finder-panel{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.auto-search-form{flex-direction:column;gap:12px;display:flex}.auto-search-input-wrap{align-items:center;display:flex;position:relative}.auto-search-icon{pointer-events:none;opacity:.6;font-size:18px;position:absolute;left:14px}.auto-search-input{background:var(--panel2);border:1.5px solid var(--line2);width:100%;color:var(--text);transition:var(--tr);border-radius:12px;outline:none;padding:14px 170px 14px 44px;font-size:15px;font-weight:500;box-shadow:0 4px 16px #00000040}.auto-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6af740}.auto-search-submit{border-radius:8px;padding:8px 16px;font-size:13px;font-weight:800;position:absolute;right:8px}.provider-bar{background:var(--panel2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.provider-radio{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:6px;font-weight:600;display:flex}.provider-radio:has(input:checked){color:var(--text)}.provider-radio input{accent-color:var(--accent)}.gemini-key-box{background:var(--panel2);border:1px dashed var(--accent);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.auto-loading-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:20px;padding:24px;animation:.2s fadeIn;display:flex}.scan-spinner{border:3px solid #7c6af733;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scan-steps{flex-direction:column;gap:6px;display:flex}.scan-step{color:var(--muted);transition:var(--tr);font-size:13px}.scan-step.active{color:var(--accent3);font-weight:700}.auto-error-card{color:#fda4af;background:#f43f5e1a;border:1.5px solid #f43f5e4d;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;display:flex}.auto-error-card strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.auto-error-card p{color:#fecdd3;margin:0;line-height:1.5}.auto-preview-card{background:var(--panel2);border:1.5px solid var(--line2);border-radius:14px;animation:.25s fadeIn;overflow:hidden;box-shadow:0 12px 36px #0000004d}.auto-preview-head{background:var(--panel3);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.verify-pill{color:#34d399;background:#34d39926;border:1px solid #34d3994d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.source-pill{color:var(--muted);font-size:12px}.auto-preview-meta{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.preview-title{color:#fff;margin:0;font-size:20px;font-weight:800}.preview-artist{color:var(--muted);margin-top:2px;font-size:14px}.preview-tags{flex-wrap:wrap;gap:6px;display:flex}.auto-preview-score{background:var(--panel);max-height:340px;padding:16px 18px;overflow-y:auto}.auto-empty-prompt{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.auto-empty-prompt strong{color:var(--text);margin-bottom:6px;font-size:16px}.auto-empty-prompt p{max-width:480px;margin:0 0 16px;font-size:13px;line-height:1.6}.quick-search-chips{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.pin-gate-overlay{z-index:99999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 20%,#1e293bf2,#0f172afa);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pin-gate-card{text-align:center;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:36px 28px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.pin-gate-card.unlocked{border-color:#10b98180;transform:scale(1.02);box-shadow:0 0 40px #10b9814d}.pin-gate-brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;display:flex}.pin-logo{background:linear-gradient(135deg, var(--accent,#6366f1), #8b5cf6);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex;box-shadow:0 8px 20px #6366f159}.pin-logo svg{width:28px;height:28px}.pin-gate-brand h2{letter-spacing:-.5px;color:#fff;margin:0;font-size:24px;font-weight:800}.pin-domain{color:var(--accent2,#38bdf8);font-size:13px;font-family:var(--font-mono,monospace);background:#38bdf81a;border:1px solid #38bdf833;border-radius:999px;padding:3px 10px;font-weight:600}.pin-desc{color:var(--muted,#94a3b8);margin:0 0 20px;font-size:13px;line-height:1.5}.pin-dots-container{gap:16px;margin-bottom:14px;display:flex}.pin-dot{width:48px;height:52px;color:var(--text,#fff);background:#0f172a99;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:28px;font-weight:900;transition:all .2s;display:flex}.pin-dot.filled{border-color:var(--accent,#6366f1);background:#6366f126;box-shadow:0 0 16px #6366f14d}.pin-dot.dot-error{color:#ef4444;background:#ef444426;border-color:#ef4444;box-shadow:0 0 16px #ef44444d}.pin-dot.dot-success{color:#10b981;background:#10b98133;border-color:#10b981;box-shadow:0 0 20px #10b98166}.pin-status-msg{justify-content:center;align-items:center;height:24px;margin-bottom:16px;display:flex}.status-error{color:#f87171;font-size:12px;font-weight:600}.status-success{color:#34d399;font-size:12px;font-weight:600}.status-hint{color:var(--muted,#64748b);font-size:11px}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:270px;margin-bottom:20px;display:grid}.keypad-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;height:56px;font-size:20px;font-weight:700;transition:all .15s;display:flex}.keypad-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.keypad-btn:active:not(:disabled){background:#ffffff14;transform:translateY(1px)}.keypad-btn.keypad-fn{color:var(--muted,#94a3b8);background:0 0;border-color:#0000;font-size:16px}.keypad-btn.keypad-fn:hover:not(:disabled){color:#fff;background:#ffffff0f}.pin-remember-toggle{color:var(--muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.pin-remember-toggle input{accent-color:var(--accent,#6366f1);cursor:pointer;width:15px;height:15px}@keyframes pinShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.pin-gate-card.shake{animation:.4s pinShake}