:root{--bg: #fafaf8;--fg: #1a1a1a;--muted: #6b6b6b;--line: #e4e4e0;--chip: #efefeb;--chip-on: #1a1a1a;--chip-on-fg: #fafaf8;--sheet: #ffffff;--danger: #c0392b;color-scheme:light dark;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111111;--fg: #ededeb;--muted: #9a9a96;--line: #2a2a28;--chip: #1f1f1e;--chip-on: #ededeb;--chip-on-fg: #111111;--sheet: #1a1a19;--danger: #e5786b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.login{max-width:360px;margin:18vh auto;padding:0 16px}.login h1{font-size:22px;margin-bottom:24px}.login form{display:grid;gap:14px}.login label{display:grid;gap:6px;font-weight:600;font-size:13px}.login input{padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--sheet)}.login button{padding:10px;border:0;border-radius:8px;background:var(--chip-on);color:var(--chip-on-fg);font-weight:600}.error{color:var(--danger)}.bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:20px;padding:14px 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bar h1{font-size:16px;margin:0;white-space:nowrap}.filters{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:none}.chip{border:0;border-radius:999px;padding:6px 12px;background:var(--chip);white-space:nowrap;font-size:13px}.chip span{color:var(--muted);margin-left:4px}.chip.on{background:var(--chip-on);color:var(--chip-on-fg)}.chip.on span{color:inherit;opacity:.6}.account{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;white-space:nowrap}.link{border:0;background:none;padding:0;text-decoration:underline;color:var(--muted)}.empty{padding:40px 24px;color:var(--muted)}.grid{columns:5 220px;column-gap:14px;padding:6px 24px 40px}.card{position:relative;display:block;width:100%;margin:0 0 14px;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--chip);break-inside:avoid}.card img{display:block;width:100%;height:auto;transition:transform .25s ease}.card:hover img{transform:scale(1.02)}.card .tag{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;font-size:11px;background:#0000008c;color:#fff;opacity:0;transition:opacity .15s}.card:hover .tag,.card:focus-visible .tag{opacity:1}.card .status-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;font-size:11px;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card .status-badge.error{background:var(--danger)}.chip.auto{border:1px dashed var(--muted);padding:5px 11px}.chip.auto.on{border-color:transparent}.detail{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#0009}.sheet{display:grid;grid-template-columns:minmax(0,1fr) 300px;width:min(1200px,100%);max-height:calc(100vh - 48px);background:var(--sheet);border-radius:14px;overflow:hidden}.sheet figure{margin:0;display:grid;place-items:center;background:var(--bg);min-height:0}.sheet figure img{max-width:100%;max-height:calc(100vh - 48px);object-fit:contain}.sheet aside{position:relative;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 48px)}.sheet h2{margin:0;font-size:18px;text-transform:capitalize}.close{position:absolute;top:12px;right:14px;border:0;background:none;font-size:24px;line-height:1;color:var(--muted)}dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.status{margin:0;padding:10px 12px;border-radius:8px;background:var(--chip);font-size:13px;color:var(--muted)}.steps{display:flex;gap:8px;margin-top:auto}.steps button{flex:1;padding:8px;border:1px solid var(--line);border-radius:8px;background:none}.steps button:disabled{opacity:.35;cursor:default}.danger{padding:8px;border:1px solid var(--danger);border-radius:8px;background:none;color:var(--danger)}@media(max-width:720px){.bar{flex-wrap:wrap;padding:12px 16px}.filters{order:3;flex-basis:100%}.grid{padding:6px 16px 32px;columns:2 140px;column-gap:10px}.sheet{grid-template-columns:1fr;overflow-y:auto}.sheet figure img{max-height:60vh}.sheet aside{max-height:none}}.home{border:0;background:none;padding:0;font:inherit}.devices{max-width:640px;padding:8px 24px 48px}.devices h2{font-size:17px;margin:24px 0 8px}.hint{color:var(--muted);margin:0 0 16px}.create{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.create label{display:grid;gap:6px;font-size:13px;font-weight:600;flex:1;min-width:200px}.create input{padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--sheet)}.create button,.secret button:not(.link){padding:10px 14px;border:0;border-radius:8px;background:var(--chip-on);color:var(--chip-on-fg);font-weight:600}.secret{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--sheet)}.secret p{margin:0}.secret code{display:block;padding:10px 12px;border-radius:8px;background:var(--chip);font-size:13px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.token-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.token-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.token-list li.revoked{opacity:.5}.token-list small{display:block;color:var(--muted);margin-top:2px}.prefix{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}@media(max-width:720px){.devices{padding:8px 16px 40px}}.boardbar{display:flex;align-items:center;gap:12px;padding:0 24px 10px}.boardbar .label{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.board-actions{display:flex;gap:10px;font-size:13px;white-space:nowrap}.chip.new{background:none;box-shadow:inset 0 0 0 1px var(--line)}.chip.some{background:color-mix(in srgb,var(--chip-on) 22%,var(--chip))}.picker .chip.on:before{content:"✓ "}.chip.enter{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px #2563eb}.chip:disabled{cursor:progress}.picker{display:grid;gap:10px}.picker-chips{display:flex;flex-wrap:wrap;gap:6px}.picker-chips .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}.picker input{padding:9px 12px;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}.picker-msg{margin:0;font-size:12px;color:var(--muted)}.picker-msg.error{color:var(--danger)}.sheet .boards h3{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.grid.selecting{padding-bottom:220px}.grid.selecting .card img{transition:transform .15s,opacity .15s}.card.picked{box-shadow:0 0 0 3px var(--chip-on)}.card.picked img{transform:scale(.94)}.card.picked:after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--chip-on);color:var(--chip-on-fg);font-size:14px}.tray{position:fixed;left:50%;bottom:20px;z-index:5;transform:translate(-50%);width:min(560px,calc(100vw - 32px));display:grid;gap:12px;padding:14px 16px;border-radius:14px;background:var(--sheet);box-shadow:0 10px 30px #0000002e,0 0 0 1px var(--line)}.tray-head{position:relative;display:flex;gap:12px;align-items:baseline;padding-right:24px;font-size:13px}.tray .close{top:-4px;right:-2px}@media(max-width:720px){.boardbar{flex-wrap:wrap;padding:0 16px 10px}.boardbar .filters{order:3;flex-basis:100%}}.thumb-video{position:relative;display:block}.thumb-video img,.thumb-video video{display:block;width:100%;height:auto}.thumb-video .over{position:absolute;inset:0;height:100%;object-fit:cover}.thumb-video .play{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0000008c;color:#fff;font-size:10px;padding-left:2px}.sheet figure video{max-width:100%;max-height:calc(100vh - 48px)}@media(max-width:720px){.sheet figure video{max-height:60vh}}.sheet .analysis h3{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.palette{display:flex;height:28px;border-radius:6px;overflow:hidden;margin-bottom:14px;border:1px solid var(--line)}.palette span,.palette button{min-width:6px}.palette button{padding:0;border:0;border-radius:0;cursor:pointer}.palette button:hover{outline:2px solid var(--fg, #fff);outline-offset:-2px}.analysis .people{margin:12px 0 4px}.labels{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.labels li{padding:4px 10px;border-radius:999px;background:var(--chip);font-size:12px;cursor:help}.labels li.technique{background:none;border:1px solid var(--line);padding:3px 9px}.labels li span{margin-left:6px;color:var(--muted);font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:13px;margin:0}.reminder{margin:4px 24px 16px;padding:14px 16px;border:1px dashed var(--muted);border-radius:10px;display:flex;flex-direction:column;gap:10px;font-size:13px;max-width:720px}.reminder p{margin:0}.reminder .command{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.reminder code{padding:6px 10px;border-radius:6px;background:var(--chip);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.similar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sheet .similar h3{margin:0;font-size:13px;color:var(--muted);font-weight:600}.similar-models{display:flex;gap:4px}.similar-models .chip{padding:3px 10px;font-size:12px}.similar-models{align-items:center}.similar-models .info{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted);font:italic 600 12px/1 Georgia,serif;cursor:pointer}.similar-models .info.on{background:var(--chip-on);color:var(--chip-on-fg);border-color:transparent}.similar-info{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:var(--chip);font-size:12px;line-height:1.45}.similar-info p{margin:0}.similar-info p+p{margin-top:8px}.similar-info strong{font-weight:600}.sheet .duplicates h3{margin:0 0 4px;font-size:13px;color:var(--muted);font-weight:600}.duplicates .muted{margin-bottom:8px}.dup-list{display:flex;gap:8px;flex-wrap:wrap}.dup{width:64px;height:64px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--chip)}.dup img,.dup video{width:100%;height:100%;object-fit:cover;display:block}.dup .play{display:none}.searchbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 24px 12px}.searchbar input{flex:0 1 420px;min-width:0;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--chip);color:inherit;font:inherit;font-size:13px}.searchbar .chip:disabled{opacity:.5}.search-status{flex:1 1 260px;font-size:12px}.error-text{color:var(--danger)}.search-status .link{font-size:inherit}.more-hits{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 24px 40px}@media(max-width:720px){.searchbar{padding:0 16px 10px}.searchbar input{flex-basis:100%}}.searchbar .chip span{margin-left:4px}.filters-panel{margin:0 24px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:14px}.filter-group h3{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.filter-group h3 .muted{font-weight:400;font-size:12px}.filter-group .chips{display:flex;flex-wrap:wrap;gap:6px}.filter-group .chips+.chips{margin-top:6px}.swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.swatch{width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--line);cursor:pointer;position:relative;overflow:hidden}.swatch.on{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--chip-on)}.swatch.picker{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:inline-block}.swatch.picker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;border:1px solid var(--line)}.sliders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 20px}.slider-head,.slider-ends{display:flex;justify-content:space-between;font-size:12px}.slider-head span:first-child{font-weight:500}.slider-ends{font-size:11px}.slider.on .slider-head span:first-child{color:var(--chip-on)}.range{position:relative;height:22px}.range:before,.range:after{content:"";position:absolute;top:9px;height:4px;border-radius:2px}.range:before{left:0;right:0;background:var(--chip)}.range:after{left:var(--lo);right:calc(100% - var(--hi));background:var(--muted);opacity:.5}.slider.on .range:after{background:var(--chip-on);opacity:1}.slider:not(.on) .range input::-webkit-slider-thumb{border-color:var(--muted)}.slider:not(.on) .range input::-moz-range-thumb{border-color:var(--muted)}.range input{position:absolute;inset:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;z-index:1}.range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--sheet);border:2px solid var(--chip-on);cursor:pointer}.range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--sheet);border:2px solid var(--chip-on);cursor:pointer}.range input::-webkit-slider-runnable-track{background:none}.filters-panel .reset{align-self:flex-start}.filter-summary{padding:0 24px 12px;font-size:12px}.filter-summary .link{font-size:inherit}@media(max-width:720px){.filters-panel{margin:0 16px 12px}.filter-summary{padding:0 16px 10px}}