:root{--bg: #111318;--surface: #1a1d24;--border: #2a2f3a;--text: #e6e8ee;--muted: #969db0;--accent: #6c8cff;--warn: #d9a441;--error: #e0645f;--ok: #5fbf82;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:44rem;margin:0 auto;padding:1rem 1rem 4rem}.app__header{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:baseline;justify-content:space-between;padding-block:.5rem 1rem}.app__title{margin:0;font-size:1.125rem;letter-spacing:.01em}.app__nav{display:flex;gap:.25rem}.tab{padding:.4rem .75rem;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.9rem}.tab.active{background:var(--surface);color:var(--text)}.capture{display:flex;flex-direction:column;gap:.75rem}.capture__label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.capture__input{width:100%;padding:.85rem .9rem;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.6rem}.capture__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.capture__actions{display:flex;gap:.5rem}.capture__hint{margin:0;font-size:.85rem;color:var(--muted)}.picker{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.picker__empty{margin:0;font-size:.9rem;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.chip--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.chip:has(.chip__box:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.chip:has(.chip__box:disabled){opacity:.5;cursor:default}.chip__box{width:.9rem;height:.9rem;margin:0;accent-color:var(--accent)}.tagadd{display:flex;gap:.5rem;margin-bottom:1rem}.taglist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.taglist__row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem}.taglist__order{display:flex}.taglist__order .button{padding:.2rem .4rem;font-size:.9rem}.taglist__name{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.35rem .25rem;font:inherit;text-align:left;color:var(--text);background:none;border:none;cursor:pointer}.taglist__name:hover{color:var(--accent)}.taglist__count{font-size:.8rem;color:var(--muted)}.button{padding:.6rem 1rem;font:inherit;font-size:.95rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.button:disabled{opacity:.45;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:#0d1020;font-weight:600}.button--quiet{align-self:start;background:none;border-color:transparent;color:var(--muted);font-size:.85rem;padding:.35rem .5rem}.button--quiet:hover:not(:disabled){color:var(--error)}.status{margin:0;font-size:.9rem}.status--ok{color:var(--ok)}.status--warn{color:var(--warn)}.status--error{color:var(--error)}.muted{color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.badge{padding:.1rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8rem}.badge--button{font-family:inherit;color:var(--muted);cursor:pointer}.badge--on{border-color:var(--accent);color:var(--text)}.items{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.item{display:grid;grid-template-columns:5rem 1fr auto;gap:.85rem;align-items:start;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:.7rem}.thumb{width:5rem;height:3.4rem;object-fit:cover;border-radius:.4rem;background:#232733}.thumb--empty{border:1px dashed var(--border)}.item__body{min-width:0}.item__title{color:var(--text);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.item__title:hover{text-decoration:underline}.item__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.3rem 0 0;font-size:.8rem;color:var(--muted)}.pill{padding:.05rem .45rem;border-radius:999px;border:1px solid var(--border)}.pill--tag{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:color-mix(in srgb,var(--accent) 70%,var(--text))}.item__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0 0;font-size:.8rem}.item__actions{display:flex;flex-direction:column;gap:.15rem}.item__desc{margin:.4rem 0 0;font-size:.88rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 30rem){.item{grid-template-columns:4rem 1fr}.item__actions{grid-column:2;flex-direction:row;justify-self:start}}.syncinfo{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0 0 1rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;font-size:.9rem}.syncinfo dt{color:var(--muted)}.syncinfo dd{margin:0}.setup{margin:.75rem 0;padding-left:1.2rem;font-size:.9rem;color:var(--muted);display:flex;flex-direction:column;gap:.4rem}.setup code{padding:.05rem .3rem;border-radius:.25rem;background:var(--surface);border:1px solid var(--border);font-size:.85em}.toolbar{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.toolbar__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.toolbar__row .capture__input{flex:1 1 12rem;padding:.55rem .75rem}.select{padding:.55rem .6rem;font:inherit;font-size:.9rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.5rem}.viewtoggle{display:flex;gap:.25rem}.viewtoggle .button{padding:.5rem .7rem;font-size:.85rem}.hint{font-size:.8rem;color:var(--muted)}.bulkbar{position:sticky;top:.5rem;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem;padding:.6rem .75rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid var(--accent);border-radius:.6rem;font-size:.9rem}.button--danger{border-color:color-mix(in srgb,var(--error) 55%,var(--border));color:var(--error)}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 15%,var(--surface))}.item__select{display:flex;align-items:center;padding-top:.2rem}.item__select input{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.item--checked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.item__note{margin:.45rem 0 0;padding-left:.6rem;border-left:2px solid color-mix(in srgb,var(--accent) 45%,var(--border));font-size:.88rem;color:var(--muted);white-space:pre-wrap}.note{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.note__input{width:100%;padding:.6rem .7rem;font:inherit;font-size:.9rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;resize:vertical}.note__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.items--list .item{grid-template-columns:auto 5rem 1fr auto}.items--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}.items--grid .item{grid-template-columns:auto 1fr;grid-template-areas:"select thumb" "body   body" "actions actions";align-content:start}.items--grid .item__select{grid-area:select}.items--grid .thumb{grid-area:thumb;width:100%;height:8rem}.items--grid .item__body{grid-area:body}.items--grid .item__actions{grid-area:actions;flex-direction:row;flex-wrap:wrap}@media (max-width: 30rem){.items--list .item{grid-template-columns:auto 4rem 1fr}}.item__title--button{padding:0;font:inherit;font-weight:600;text-align:left;color:var(--text);background:none;border:none;cursor:pointer}.item__title--button:hover{text-decoration:underline}.pill--upload{border-color:color-mix(in srgb,var(--ok) 45%,var(--border));color:color-mix(in srgb,var(--ok) 75%,var(--text))}.pill--dead{border-color:color-mix(in srgb,var(--error) 55%,var(--border));color:var(--error)}.pill--snapshot{border-color:color-mix(in srgb,var(--warn) 45%,var(--border));color:color-mix(in srgb,var(--warn) 80%,var(--text))}.badge--dead{border-color:color-mix(in srgb,var(--error) 45%,var(--border));color:var(--error)}.snapshot{margin:.5rem 0 0;padding:.6rem .7rem;max-height:18rem;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;font:inherit;font-size:.85rem;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.divider{width:100%;height:0;margin:.35rem 0;border:0;border-top:1px solid var(--border)}.capture__route{display:flex;flex-direction:column;gap:.6rem}.button--disabled{opacity:.45;cursor:default}.filelist{margin:0;padding-left:1.1rem;font-size:.85rem;color:var(--muted);display:flex;flex-direction:column;gap:.15rem;overflow-wrap:anywhere}