:root{--bg: #0f1115;--panel: #181b22;--panel-2: #20242d;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #5b8cff;--good: #3ec46d;--warn: #e0a93b;--bad: #e3574f}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.container{max-width:920px;margin:0 auto;padding:24px 16px}.center{max-width:380px;margin:8vh auto}h1{font-size:1.4rem}h2{font-size:1.1rem;margin-top:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}nav.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}nav.tabs button{background:var(--panel)}nav.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}label{display:block;font-size:.85rem;color:var(--muted);margin:10px 0 4px}input,select,button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:8px 10px}input,select{width:100%}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;align-items:flex-end}.row>*{flex:1}.row>button{flex:0 0 auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--muted);font-weight:600}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--bad)}.note{background:#e0a93b1f;border:1px solid var(--warn);color:#f0d8a8;padding:10px;border-radius:8px;font-size:.85rem}.badge{padding:2px 8px;border-radius:999px;font-size:.78rem;border:1px solid var(--border)}.badge.queued{color:var(--muted)}.badge.searching,.badge.downloading,.badge.converting,.badge.sending{color:var(--warn);border-color:var(--warn)}.badge.delivered{color:var(--good);border-color:var(--good)}.badge.failed{color:var(--bad);border-color:var(--bad)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{font-size:.75rem;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:1px 6px}.badge.q-high{color:var(--good);border-color:var(--good)}.badge.q-good{color:var(--accent);border-color:var(--accent)}.badge.q-basic{color:var(--warn);border-color:var(--warn)}.badge.q-low{color:var(--bad);border-color:var(--bad)}.result-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:10px;margin-bottom:8px;cursor:pointer}.result-card:hover{border-color:var(--accent)}.result-body{flex:1;min-width:0}.result-title{font-weight:600}.result-chevron{color:var(--muted);font-size:1.4rem;flex:0 0 auto}.cover{object-fit:cover;border-radius:4px;background:var(--panel)}.cover-fallback{display:flex;align-items:center;justify-content:center;background:var(--panel);border-radius:4px}.thumb,.thumb.cover-fallback{width:46px;height:68px;flex:0 0 auto;font-size:22px}.cover-lg,.cover-lg.cover-fallback{width:120px;height:180px;flex:0 0 auto;font-size:48px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50;overflow-y:auto}.modal{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:620px;width:100%}.modal-close{position:absolute;top:10px;right:10px;background:var(--panel-2);border-radius:6px;padding:4px 9px}.modal-head{display:flex;gap:16px}.modal-meta{min-width:0}.modal-meta h2{margin:0 0 4px}.quality-reasons{margin-top:12px;font-size:.82rem}.synopsis{margin:14px 0;line-height:1.5;font-size:.92rem;max-height:38vh;overflow-y:auto;white-space:pre-wrap}.modal-actions{display:flex;gap:12px;align-items:flex-end}.modal-actions>div{flex:1}.contact-picker{display:flex;flex-direction:column;gap:6px;margin:6px 0}.contact-row{display:flex;align-items:center;gap:8px;color:var(--text);margin:0}.contact-row input{width:auto}.status-row{padding:10px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:none}.status-head{display:flex;justify-content:space-between;align-items:center}table.deliveries{margin-top:6px}table.deliveries td{border-bottom:none;padding:3px 8px}.badge.sending{color:var(--warn);border-color:var(--warn)}
