@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg:#050a0f;--panel:#0a1018;--text:#b3ffe0;--muted:#3a6b5e;--border:#0fa3;--accent:#0fc;--accent2:#ff4dc4;--danger:#f25;--glow:0 0 12px #00ffc84d;--glow-strong:0 0 20px #00ffc880;color:var(--text);font-family:Share Tech Mono,Courier New,monospace;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% 0%, #0a1a15 0%, var(--bg) 70%), var(--bg);min-height:100vh;margin:0}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 3px 6px);position:fixed;inset:0}#root{min-height:100vh}h1,h2,strong{text-shadow:0 0 8px #00ffc866}h1{color:var(--accent)}h2{color:var(--accent2);margin:0;font-size:1.1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);box-shadow:var(--glow);border-radius:3px}input,select,textarea{border:1px solid var(--border);color:var(--accent);background:#020810;border-radius:2px;outline:none;padding:.55rem .7rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:var(--glow)}input[type=file]{color:var(--muted);background:0 0;border:none;padding:.4rem 0}input[type=file]::file-selector-button{background:var(--panel);border:1px solid var(--accent);color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:2px;margin-right:.75rem;padding:.35rem .7rem;font-family:inherit;font-size:.8rem;transition:box-shadow .2s}input[type=file]::file-selector-button:hover{box-shadow:var(--glow)}input[type=checkbox]{appearance:none;border:2px solid var(--accent);background:var(--bg);cursor:pointer;vertical-align:middle;border-radius:2px;width:18px;height:18px;margin-right:6px;padding:0;position:relative}input[type=checkbox]:checked{background:var(--accent);box-shadow:0 0 8px #00ffc899}input[type=checkbox]:checked:after{content:"✔";color:var(--bg);font-size:14px;font-weight:700;position:absolute;top:-2px;left:2px}.page{max-width:1080px;margin:0 auto;padding:1.5rem}.page.narrow{max-width:440px}.header{text-align:center;margin-bottom:1.5rem}.header h1{letter-spacing:4px;text-transform:uppercase;font-size:2rem}.muted{color:var(--muted)}.small{font-size:.8rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex;box-shadow:0 1px 8px #00ffc81a}.topbar strong{color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-size:1rem}.error-banner{border:1px solid var(--danger);background:#ff22551a;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.65rem .9rem;animation:.3s ease-out flicker-in;display:flex;box-shadow:0 0 10px #f253}.error-banner .error{color:var(--danger);flex:1;margin:0}.error{color:var(--danger);margin:0}.error-dismiss{min-width:2rem;color:var(--danger);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .35rem;font-size:1.25rem;line-height:1.2}.actions{flex-wrap:wrap;gap:.5rem;display:flex}button{cursor:pointer;border:1px solid var(--accent);color:var(--accent);font:inherit;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:2px;padding:.45rem .85rem;font-size:.85rem;transition:all .2s;position:relative;overflow:hidden}button:hover:not(:disabled){box-shadow:var(--glow);background:#00ffc814}button:active:not(:disabled){background:#00ffc826}button.primary{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow);background:#00ffc81a;font-weight:700}button.primary:hover:not(:disabled){box-shadow:var(--glow-strong);background:#00ffc833}button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--muted);color:var(--muted)}button.nav{color:var(--muted);border-color:#0000}button.nav.active{border-color:var(--accent2);color:var(--accent2);text-shadow:0 0 6px #ff4dc480}button.nav:hover:not(:disabled){border-color:var(--accent2)}.tabs{border:1px solid var(--border);gap:0;display:flex}.tab{color:var(--muted);letter-spacing:1px;background:0 0;border:none;flex:1;padding:.5rem}.tab.active{color:var(--accent);background:#00ffc814;border:none;box-shadow:inset 0 0 8px #00ffc826}.card{background:var(--panel);border:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative;box-shadow:0 0 15px #00000080,inset 0 0 30px #00ffc805}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=900px){.grid{grid-template-columns:1fr}}label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}label.checkbox-label{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:.4rem}label.checkbox-label span{text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.output{min-height:200px}.transcript{white-space:pre-wrap;word-break:break-word;color:var(--text);background:#0000004d;border:1px solid #00ffc826;max-height:50vh;margin:0;padding:.5rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow:auto}.jobs-list{flex-direction:column;gap:.4rem;max-height:320px;display:flex;overflow:auto}.job-row{text-align:left;background:#0003;border:1px solid #00ffc826;border-radius:0;padding:.55rem .65rem;transition:all .2s}.job-row:hover{background:#00ffc808;border-color:#00ffc866}.job-row.active{border-color:var(--accent);background:#00ffc80d;box-shadow:0 0 8px #00ffc833}.btn-delete{border:1px solid var(--danger);color:var(--danger);text-align:center;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border-radius:0;min-width:22px;padding:0 6px;font-size:1rem;line-height:1}.btn-delete:hover{background:#ff225526;box-shadow:0 0 6px #ff22554d}.job-row-top{justify-content:space-between;align-items:center;display:flex}.job-row-top strong{color:var(--accent)}.table-wrap{border:1px solid var(--border);overflow:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;border-bottom:1px solid #00ffc81a;padding:.5rem .65rem}th{color:var(--accent);text-transform:uppercase;letter-spacing:1px;background:#0000004d;font-size:.75rem}tr:hover td{background:#00ffc805}.admin .row{align-items:flex-end;gap:.75rem;display:flex}select{cursor:pointer}@keyframes flicker-in{0%{opacity:0}50%{opacity:.8}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-processing{color:var(--accent2);animation:1.5s infinite pulse}.status-queued{color:var(--muted)}.status-done{color:var(--accent)}.status-failed{color:var(--danger)}a{color:var(--accent2);text-decoration:none}a:hover{text-shadow:0 0 6px #ff4dc466;text-decoration:underline}