:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#151613;--color-surface:#1d1f1b;--color-surface-raised:#262924;--color-border:#3a3e37;--color-text:#f3f0e8;--color-text-muted:#9ba295;--color-accent:#cfca63;--color-danger:#e0705a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-display:clamp(2rem, 7vw, 4rem);--radius:4px;--border-width:1px;--focus-width:2px;--layout-narrow:32rem;--layout-wide:76rem;--capture-scale:3;--capture-width:calc(128px * var(--capture-scale));--capture-height:calc(112px * var(--capture-scale))}*,:before,:after{box-sizing:border-box}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);margin:0;line-height:1.5}:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--space-1)}main{max-width:var(--layout-wide);min-height:100vh;padding:var(--space-6) var(--space-5);margin:0 auto}main.login-shell{max-width:var(--layout-narrow);flex-direction:column;justify-content:center;display:flex}h1{margin:var(--space-1) 0 var(--space-4);font-size:var(--text-display);letter-spacing:-.05em}.topbar h1{font-size:var(--text-lg);letter-spacing:-.02em;margin:0}h2{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:600}.eyebrow{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;margin:0}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.panel{margin:var(--space-5) 0;padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.panel p{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.login-panel{margin-top:var(--space-4)}.control{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}label{margin-bottom:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);display:block}input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-canvas);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm)}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}button{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-canvas);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius);font:inherit;font-size:var(--text-sm);cursor:pointer}form button{margin-top:var(--space-3)}button.quiet{color:var(--color-text);border-color:var(--color-border);background:0 0}button.danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}button:disabled{opacity:.4;cursor:not-allowed}.status{margin:var(--space-4) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.empty{color:var(--color-text-muted);font-size:var(--text-sm)}.capture-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--capture-width)), 1fr));margin-top:var(--space-4);display:grid}.capture-card{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.image-frame{min-height:var(--capture-height);background:var(--color-canvas);border-radius:var(--radius);color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.image-frame img{width:var(--capture-width);height:var(--capture-height);max-width:100%;image-rendering:pixelated}.capture-card dl{gap:var(--space-1);font-size:var(--text-xs);margin:0;display:grid}.capture-card dl>div{gap:var(--space-2);justify-content:space-between;display:flex}.capture-card dt{color:var(--color-text-muted)}.capture-card dd{font-family:var(--font-mono);text-align:right;word-break:break-all;margin:0}