:root{--bg:#10100f;--panel:#191918;--panel2:#20201e;--line:#34332f;--text:#f1efe8;--muted:#aaa79e;--accent:#d8c7a2;--danger:#c97e74;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:10px 14px;cursor:pointer}button:hover{border-color:#5b5952}.primary{background:var(--accent);color:#181714;border-color:var(--accent);font-weight:700}.ghost{background:transparent}.hidden{display:none!important}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 30% 20%,#302d26,#10100f 50%)}.auth-card{max-width:520px;padding:52px;border:1px solid var(--line);border-radius:26px;background:#171715e8;box-shadow:0 30px 80px #0008}.auth-card h1{font-size:34px;margin:6px 0 14px}.auth-card p{color:var(--muted);line-height:1.8;margin:0 0 28px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted)}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;border-bottom:1px solid var(--line)}header h1{font-size:23px;margin:3px 0 0}.header-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}nav{display:flex;padding:0 34px;border-bottom:1px solid var(--line);gap:4px}nav button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:15px 16px;border-bottom:2px solid transparent}nav button.active{color:var(--text);border-bottom-color:var(--accent)}main{padding:26px 34px;max-width:1600px;margin:auto}.tab{display:none}.tab.active{display:block}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:10px;margin-bottom:16px}input,select,textarea{width:100%;padding:10px 12px;background:#151514;color:var(--text);border:1px solid var(--line);border-radius:9px;outline:none}input:focus,select:focus,textarea:focus{border-color:#747064}.stats{font-size:13px;color:var(--muted);margin:12px 0 18px}.record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}.record-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.15s transform,.15s border}.record-card:hover{transform:translateY(-2px);border-color:#56534b}.cover{aspect-ratio:1/1;background:#23221f;display:grid;place-items:center;overflow:hidden;color:#6f6b61;font-size:11px;letter-spacing:.1em}.cover img{width:100%;height:100%;object-fit:cover}.record-body{padding:13px 14px 15px}.record-body h3{font-size:15px;margin:0 0 5px;line-height:1.35}.record-body .artist{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;justify-content:space-between;margin-top:12px;color:#8d8a82;font-size:11px}.shelf{color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.panel h2,.panel h3{margin-top:0}.compact{padding:16px}.gmail-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.gmail-panel p{color:var(--muted);margin-bottom:0}.row{display:flex;gap:8px;align-items:center}.row>*{min-width:0}.notice{padding:12px 14px;border:1px dashed #4a4841;border-radius:12px;color:var(--muted);font-size:13px;margin-bottom:16px}.import-list{display:grid;gap:10px}.import-item{display:grid;grid-template-columns:120px 1fr 1.4fr 100px 105px 180px;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.vendor{font-size:12px;color:var(--accent)}.confidence{font-size:10px;color:var(--muted)}.import-actions{display:flex;gap:6px}.danger{color:#efb0a7;border-color:#66413d}.badge{background:var(--accent);color:#151514;border-radius:99px;padding:2px 7px;font-size:10px}.history-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.history-row{display:grid;grid-template-columns:180px 1fr 1.5fr;gap:16px;padding:13px 16px;background:var(--panel);font-size:13px}.history-row .date{color:var(--muted)}dialog{width:min(1050px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:20px;background:#151514;color:var(--text);padding:0;box-shadow:0 40px 120px #000c}dialog::backdrop{background:#000a}dialog form{padding:22px;max-height:92vh;overflow:auto}.dialog-head,.dialog-actions,.section-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:5px 0 18px}.icon-btn{font-size:24px;border:0;background:transparent}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.cover-preview{aspect-ratio:1;background:#24231f;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:#726f66;overflow:hidden}.cover-preview img{width:100%;height:100%;object-fit:cover}.upload{display:block;text-align:center;margin-top:9px;border:1px solid var(--line);padding:9px;border-radius:9px;font-size:12px;cursor:pointer}.upload input{display:none}.youtube{display:block;margin-top:10px;color:var(--accent);font-size:13px;text-decoration:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.form-grid label,label{font-size:11px;color:var(--muted)}label input,label textarea{margin-top:5px}.checks{display:flex;gap:18px;margin-top:10px}.checks label{display:flex;align-items:center;gap:7px}.checks input{width:auto}.extra{margin-top:20px}.track-form{display:grid;grid-template-columns:80px 1fr 2fr auto;gap:8px}.track-form textarea{min-height:44px}.mini-list{margin-top:12px;display:grid;gap:6px}.mini-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:9px 10px;background:#111;border-radius:8px;font-size:12px}.mini-row .muted{color:var(--muted)}.dialog-actions{margin-top:18px;justify-content:flex-end;gap:8px}.muted{color:var(--muted);font-size:12px}.toast{position:fixed;right:20px;bottom:20px;background:#e8e3d5;color:#151514;padding:12px 16px;border-radius:10px;box-shadow:0 12px 40px #0008;z-index:999}.spin{opacity:.55;pointer-events:none}@media(max-width:850px){header,nav,main{padding-left:16px;padding-right:16px}.toolbar{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.cover-pane{max-width:280px}.gmail-panel{display:block}.gmail-panel .row{margin-top:14px;flex-wrap:wrap}.import-item{grid-template-columns:1fr 1fr}.import-actions{grid-column:1/-1}.history-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.track-form{grid-template-columns:1fr}.record-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}

.emulator-badge{display:none;margin-top:8px;font-size:10px;letter-spacing:.14em;border:1px solid currentColor;padding:3px 7px;border-radius:999px;opacity:.7}
.search-field{position:relative;min-width:0}.search-field input{height:100%;padding-right:42px}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1}.search-clear:hover{color:var(--text);border:0;background:#292825}
html[data-emulator="true"] .emulator-badge{display:inline-block}
.cover-search-button{width:100%;margin-top:10px;padding:9px 10px;font-size:12px}.cover-candidates{display:grid;gap:7px;margin-top:9px;max-height:310px;overflow:auto}.cover-candidate{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:6px;text-align:left;background:#111}.cover-candidate img{width:58px;height:58px;border-radius:6px;object-fit:cover}.cover-candidate strong,.cover-candidate span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-candidate strong{font-size:11px}.cover-candidate span{margin-top:3px;color:var(--muted);font-size:9px}.cover-url-help{margin:6px 2px 0;color:var(--muted);font-size:10px;line-height:1.4}
.bulk-import-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.bulk-import-actions label{display:flex;align-items:center;gap:8px}.bulk-import-actions input,.import-select input{width:auto;margin:0}.import-item{grid-template-columns:28px minmax(80px,100px) minmax(110px,.9fr) minmax(180px,2.2fr) 70px 80px auto;grid-template-areas:"select vendor artist title format shelf actions"}.import-item>*{min-width:0}.import-select{grid-area:select;display:grid;place-items:center}.import-item>div:nth-child(2){grid-area:vendor}.import-item>.ia{grid-area:artist}.import-item>.it{grid-area:title;font-size:14px}.import-item>.if{grid-area:format}.import-item>.is{grid-area:shelf}.import-item>.import-actions{grid-area:actions;white-space:nowrap}.import-item.processing{opacity:.6;pointer-events:none}@media(max-width:850px){.bulk-import-actions{align-items:stretch;flex-direction:column}.import-item{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"select vendor vendor" "artist artist artist" "title title title" "format shelf actions"}.import-item>.import-actions{white-space:normal}.import-actions button{flex:1}}@media(max-width:520px){.import-item{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"select vendor" "artist artist" "title title" "format format" "shelf shelf" "actions actions"}}