:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--surface:#1a1a1a;--surface-raised:#242424;--border:#333;--text:#eee;--text-dim:#aaa;--text-faint:#888;--accent:#6cf;--accent-bg:#264;--warn:#ffb86b;--danger:#ff8b8b;--presence:#8f8;--radius:.5rem;--radius-sm:.25rem;--gap:.5rem;--touch:2.75rem}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,sans-serif}button{font:inherit;color:inherit}.login{max-width:28rem;padding:max(1.5rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom)) 1rem;flex-direction:column;justify-content:center;gap:.75rem;min-height:100dvh;margin:0 auto;display:flex}.login input{width:100%;min-height:var(--touch);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.5rem .75rem;font-size:1rem}.login button{min-height:var(--touch);background:var(--accent-bg);border:1px solid var(--border);border-radius:var(--radius-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:.5rem 1rem;font-size:1rem}.login button:disabled{opacity:.6}.sorter{gap:var(--gap);height:100dvh;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));flex-direction:column;display:flex}.sorter header{color:var(--text-dim);align-items:center;gap:1rem;font-size:.85rem;display:flex}.degraded{color:var(--warn)}.presence{color:var(--presence);margin-left:auto}.presence .me{color:var(--accent);font-weight:600}.settings-toggle{min-height:var(--touch);min-width:var(--touch);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:.1rem .5rem;font-size:1.1rem}.settings-toggle:active{background:var(--surface-raised)}.photo{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.photo img{object-fit:contain;max-width:100%;max-height:100%}.caption{color:var(--text-dim);text-align:center;margin:0;font-size:.85rem}.asset-id{color:var(--text-faint);cursor:help;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.categories{align-content:flex-start;gap:var(--gap);overscroll-behavior:contain;flex-wrap:wrap;flex:0 auto;max-height:45dvh;padding-bottom:.5rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 2rem),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 2rem),#0000 100%)}.category,.new-category{min-height:var(--touch);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:.6rem 1rem;font-size:1rem}.category:active,.new-category:active{background:var(--surface-raised)}.category:focus-visible,.new-category:focus-visible,.commit-selection:focus-visible,.settings-toggle:focus-visible,.actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.category.selected{outline:2px solid var(--accent);outline-offset:-2px}.category:disabled,.new-category:disabled{opacity:.6}.new-category{color:var(--text-dim);border-style:dashed}.commit-selection{min-height:var(--touch);background:var(--accent-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:1rem}.commit-selection:disabled{opacity:.6}.actions{gap:var(--gap);display:flex}.actions button{min-height:var(--touch);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:1;padding:1rem;font-size:1rem}.actions button:active{background:var(--surface-raised)}.actions button:disabled{opacity:.6}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);max-width:min(28rem,90vw);max-height:min(80dvh,40rem);margin:auto;padding:1rem;overflow-y:auto}dialog::backdrop{background:#0009}dialog h2{margin-top:0;font-size:1.1rem}dialog h3{color:var(--text-dim);margin-bottom:.4rem;font-size:.9rem}dialog section+section{margin-top:1rem}dialog input{width:100%;min-height:var(--touch);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.5rem .75rem;font-size:1rem}dialog p{color:var(--text-dim)}.dialog-actions{gap:var(--gap);justify-content:flex-end;margin-top:1rem;display:flex}.dialog-actions button,dialog form button{min-height:var(--touch);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:.5rem 1rem}.dialog-actions button:disabled,dialog form button:disabled{opacity:.6}.settings-menu ul{background:var(--bg);border-radius:var(--radius-sm);margin:0;padding:.5rem 1rem;font-size:.85rem;list-style:none}.settings-menu kbd{min-width:5.5rem;color:var(--text);display:inline-block}.settings-menu .latency{font-variant-numeric:tabular-nums;color:var(--text-dim);margin:0}.settings-menu .category-row{align-items:center;gap:var(--gap);padding:.4rem 0;display:flex}.settings-menu .category-row span{flex:1}.settings-menu .retire{min-height:var(--touch);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--danger);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:.4rem .75rem}.error{color:var(--danger)}.notice{color:var(--text-dim)}@media (width<=40rem){.sorter header{flex-wrap:wrap}.presence{flex-basis:100%;order:1;margin-left:0}.categories{max-height:40dvh}}