:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e12;--surface:#12161c;--surface-hover:#171c24;--border:#232a34;--border-strong:#2e3743;--text:#eef1f6;--text-secondary:#a8b1bf;--text-faint:#6b7686;--accent:#4c8dff;--accent-hover:#6ba1ff;--accent-tint:#4c8dff1f;--accent-text:#7fb1ff;--success:#3ecf8e;--success-tint:#3ecf8e1f;--danger:#f47174;--danger-tint:#f471741f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}nav{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.35rem;padding:.7rem 1.25rem;display:flex;position:sticky;top:0}nav .brand{color:var(--text);letter-spacing:-.01em;margin-right:1rem;font-weight:700}nav a{color:var(--text-secondary);border-radius:6px;padding:.35rem .7rem;font-size:13.5px;font-weight:500;text-decoration:none}nav a:hover{color:var(--text);background:var(--surface)}nav a.active{color:var(--text);background:var(--surface-hover)}main{max-width:1100px;margin:0 auto;padding:1.75rem 1.25rem 3rem}h1{letter-spacing:-.01em;margin:0 0 1.1rem;font-size:1.15rem;font-weight:650}h2{margin:1.5rem 0 .6rem;font-size:.95rem;font-weight:600}h3{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:600}.grouphead{margin:1.2rem 0 .45rem}.muted{color:var(--text-secondary)}.error{color:var(--danger);background:var(--danger-tint);border:1px solid #0000;border-radius:8px;margin:.85rem 0;padding:.6rem .85rem;font-size:13.5px}.hint{color:var(--accent-text);background:var(--accent-tint);border-radius:8px;margin:.85rem 0;padding:.6rem .85rem;font-size:13.5px}.status{color:var(--text-secondary);margin:.85rem 0;font-size:13.5px}form.row,.row{align-items:center;gap:.6rem;display:flex}input[type=text],input[type=password]{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:8px;flex:1;padding:.6rem .85rem;font-size:14.5px;transition:border-color .12s,box-shadow .12s}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--text-faint)}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4c8dff38}button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.55rem .95rem;font-size:13.5px;font-weight:600;transition:background .12s}button:hover:not(:disabled){background:var(--accent-hover)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.secondary{color:var(--text-secondary);border:1px solid var(--border-strong);background:0 0}button.secondary:hover:not(:disabled){background:var(--surface);color:var(--text)}a.button{background:var(--accent);color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:.55rem .95rem;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-block}a.button:hover{background:var(--accent-hover);color:#fff}a.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signout{margin-left:auto}.login-wrap{justify-content:center;padding-top:14vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.9rem;width:100%;max-width:360px;padding:2rem;display:flex}.login-card h1{margin:0}.login-card p{margin:0 0 .5rem}.spread{justify-content:space-between;margin:1.5rem 0 .6rem}.spread h2{margin:0}button.small{padding:.25rem .55rem;font-size:12px;line-height:1}.filters{gap:1.25rem;margin-top:.8rem}.filters label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.45rem;font-size:12px;font-weight:550;display:flex}select{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:7px;padding:.4rem .6rem;font-size:13.5px}select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4c8dff38}.tablewrap{border:1px solid var(--border);border-radius:10px;margin-top:1.1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;background:var(--surface);font-size:11px;font-weight:550}th,td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.55rem .75rem}tbody tr:last-child td{border-bottom:none}td{font-variant-numeric:tabular-nums;font-size:13.5px}tbody tr:hover td{background:var(--surface)}td.name{word-break:break-all;color:var(--text);max-width:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.chip{letter-spacing:.01em;background:var(--surface-hover);border:1px solid var(--border-strong);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:.14rem .55rem;font-size:11.5px;font-weight:600;display:inline-block}.chip.lossless{background:var(--accent-tint);color:var(--accent-text);border-color:#4c8dff59}.chip.good{background:var(--success-tint);color:var(--success);border-color:#3ecf8e59}.chip.bad{background:var(--danger-tint);color:var(--danger);border-color:#f4717459}.progress{background:var(--border);border-radius:999px;flex:1;min-width:120px;height:6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.progress.done>div{background:var(--success)}@media (max-width:640px){main{padding:1.1rem .85rem 2.5rem}form.row{flex-wrap:wrap}form.row input[type=text]{flex-basis:100%;font-size:16px}.filters{flex-wrap:wrap;gap:.75rem}.hide-sm{display:none}button,a.button{padding:.6rem 1rem}button.small{padding:.45rem .75rem;font-size:14px}td.name{max-width:none}}