:root{--bg:#16181c;--surface:#1e2126;--surface-2:#262a31;--border:#343943;--text:#eceef2;--text-dim:#a2a9b6;--keep:#2f9e5e;--keep-dim:#1d5f39;--discard:#c8483f;--discard-dim:#7a2c26;--unsure:#c08a2e;--unsure-dim:#6f501b;--focus-ring:#6ba4ff;--bar-h:5.25rem;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app{flex-direction:column;max-width:100%;height:100%;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.header h1{white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.spacer{flex:auto}.mode-toggle{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.mode-toggle button{cursor:pointer;min-height:2.75rem;color:var(--text-dim);background:0 0;border:0;padding:.5rem .85rem}.mode-toggle button[aria-pressed=true]{background:var(--surface-2);color:var(--text);font-weight:600}.progress{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:.3rem;padding:.5rem .85rem;font-size:.85rem;display:flex}.progress-counts{color:var(--text-dim);flex-wrap:wrap;gap:.85rem;display:flex}.progress-counts strong{color:var(--text)}.progress-track{background:var(--surface-2);border-radius:4px;height:7px;display:flex;overflow:hidden}.progress-fill{height:100%}.progress-fill.keep{background:var(--keep)}.progress-fill.discard{background:var(--discard)}.progress-fill.unsure{background:var(--unsure)}.last-batch{background:var(--unsure-dim);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.88rem;display:flex}.last-batch span{flex:10rem}.last-batch button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;min-height:2.5rem;padding:0 .85rem;font-weight:600}.focus{flex-direction:column;flex:auto;min-height:0;display:flex}.focus-side{flex-direction:column;flex:none;display:flex}@media (width>=48rem) and (height>=30rem){.focus{flex-direction:row}.focus-side{border-left:1px solid var(--border);flex:0 0 21rem;overflow-y:auto}.focus-side .actions{margin-top:auto}}.focus-stage{touch-action:pan-y;flex:auto;justify-content:center;align-items:center;min-height:0;padding:.6rem;display:flex;position:relative}.focus-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6px;max-width:100%;max-height:100%}.focus-meta{background:var(--surface);border-top:1px solid var(--border);padding:.5rem .85rem}.caption{overflow-wrap:anywhere;margin:0 0 .25rem;font-size:1rem}.caption.empty{color:var(--text-dim);font-style:italic}.caption-source{color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:4px;margin-left:.4rem;padding:.05rem .35rem;font-size:.75rem}.meta-line{color:var(--text-dim);flex-wrap:wrap;gap:.6rem;font-size:.78rem;display:flex}.note-toggle{text-align:left;background:var(--surface-2);border:1px solid var(--border);width:100%;min-height:2.5rem;color:var(--text-dim);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;margin-top:.4rem;padding:.4rem .6rem;font-size:.85rem;display:block;overflow:hidden}.note-input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:6px;margin-top:.4rem;padding:.6rem;display:none}.note-input.open{display:block}.actions{padding:.6rem .85rem calc(.6rem + var(--safe-b));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.action{cursor:pointer;background:var(--surface-2);min-height:3.5rem;color:var(--text);border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-weight:600;display:flex}.action .key{color:var(--text-dim);font-size:.7rem;font-weight:400}.action.keep{background:var(--keep-dim)}.action.discard{background:var(--discard-dim)}.action.unsure{background:var(--unsure-dim)}.action[aria-pressed=true]{border-color:var(--text)}.action.keep[aria-pressed=true]{background:var(--keep)}.action.discard[aria-pressed=true]{background:var(--discard)}.action.unsure[aria-pressed=true]{background:var(--unsure)}.nav-row{background:var(--surface);align-items:center;gap:.5rem;padding:0 .85rem .5rem;display:flex}.nav-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;flex:auto;min-height:2.75rem}.nav-btn:disabled{opacity:.4;cursor:default}.nav-btn.undo{flex:none;padding:0 1rem}.filters{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem;padding:.6rem .85rem;display:flex}.filters-toggle{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;min-height:2.75rem;padding:0 .85rem;display:none}@media (width<=47.99rem){.filters-toggle{display:block}.filters{display:none}.filters.open{display:flex}.filters input[type=search],.filters select{flex:100%}.header h1{display:none}.header{flex-wrap:nowrap;gap:.4rem;padding:.4rem .6rem}.mode-toggle button{padding:.4rem .55rem;font-size:.9rem}.filters-toggle{white-space:nowrap;padding:0 .6rem;font-size:.9rem}.progress{padding:.3rem .85rem;font-size:.76rem}.progress-counts{scrollbar-width:none;flex-wrap:nowrap;gap:.7rem;overflow-x:auto}.progress-counts::-webkit-scrollbar{display:none}.progress-counts span{white-space:nowrap}.focus-meta{padding:.4rem .85rem}.caption{font-size:.95rem}.meta-line{font-size:.72rem}.nav-row{padding-bottom:.35rem}.action{min-height:3.25rem}}.filters input[type=search],.filters select{background:var(--surface-2);border:1px solid var(--border);min-height:2.75rem;color:var(--text);border-radius:6px;min-width:0;padding:.4rem .6rem}.filters input[type=search]{flex:12rem}.grid-scroll{-webkit-overflow-scrolling:touch;flex:auto;padding:.6rem;overflow:hidden auto}.grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;display:grid}@media (width<=26rem){.grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}}.tile{aspect-ratio:1;background:var(--surface-2);cursor:pointer;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile[aria-selected=true]{outline:3px solid var(--focus-ring);outline-offset:-3px}.tile-status{color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .3rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:.3rem;left:.3rem}.tile-status.keep{background:var(--keep)}.tile-status.discard{background:var(--discard)}.tile-status.unsure{background:var(--unsure)}.tile-caption{text-align:left;-webkit-line-clamp:2;background:linear-gradient(#0000,#000000d9);-webkit-box-orient:vertical;padding:.3rem .4rem;font-size:.7rem;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden}.pager{padding:.85rem .85rem calc(.85rem + var(--safe-b));flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.pager button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;min-height:2.75rem;padding:0 1rem}.pager button:disabled{opacity:.4;cursor:default}.bulk-bar{padding:.6rem .85rem calc(.6rem + var(--safe-b));background:var(--surface-2);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:sticky;bottom:0}.bulk-bar .count{flex:100%;font-weight:600}@media (width>=30rem){.bulk-bar .count{flex:auto}}.bulk-bar button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex:5rem;min-height:2.75rem}.backdrop{z-index:10;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(32rem,100%);max-height:85vh;padding:1rem;overflow-y:auto}.dialog h2{margin:0 0 .5rem;font-size:1.1rem}.dialog p{color:var(--text-dim);margin:0 0 .75rem}.sample-strip{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.35rem;margin-bottom:.85rem;display:grid}.sample-strip img{aspect-ratio:1;object-fit:cover;border-radius:5px;width:100%}.dialog-actions{flex-wrap:wrap;gap:.5rem;display:flex}.dialog-actions button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;flex:8rem;min-height:2.75rem;font-weight:600}.dialog-actions .primary{background:var(--keep-dim)}.dialog-actions .danger{background:var(--discard-dim)}.toast{left:50%;bottom:calc(var(--bar-h) + var(--safe-b) + .75rem);background:var(--surface-2);border:1px solid var(--border);z-index:20;border-radius:10px;align-items:center;gap:.75rem;max-width:calc(100vw - 1.5rem);padding:.6rem .85rem;display:flex;position:fixed;transform:translate(-50%)}.toast button{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:6px;min-height:2.5rem;padding:0 .85rem}.toast.error{border-color:var(--discard)}.centered{text-align:center;height:100%;color:var(--text-dim);justify-content:center;align-items:center;padding:1.5rem;display:flex}.shortcuts{color:var(--text-dim);background:var(--surface);padding:0 .85rem .5rem;font-size:.75rem}@media (pointer:coarse){.shortcuts,.action .key{display:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin{flex-direction:column;flex:auto;min-height:0;display:flex}.admin-body{flex:auto;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));align-content:start;gap:.85rem;padding:.85rem;display:grid;overflow:hidden auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;padding:.85rem}.card h2{margin:0 0 .6rem;font-size:1rem}.muted{color:var(--text-dim);font-size:.85rem}.stat-list{margin:0 0 .75rem;padding:0;list-style:none}.stat-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.3rem 0;display:flex}.card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.card-actions button,.btn{border:1px solid var(--border);background:var(--surface-2);min-height:2.75rem;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;padding:0 .85rem;text-decoration:none;display:inline-flex}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.35rem .4rem}.table th{color:var(--text-dim);font-weight:600}.table a{color:var(--focus-ring)}.finish-btn{border:1px solid var(--border);background:var(--keep-dim);min-height:2.75rem;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 .9rem;font-weight:600}.warning{background:var(--unsure-dim);border:1px solid var(--unsure);border-radius:8px;margin:0 0 .75rem;padding:.6rem}.card .table{white-space:nowrap;display:block;overflow-x:auto}.image-unavailable{background:var(--surface-2);border:1px dashed var(--border);width:100%;height:100%;min-height:6rem;color:var(--text-dim);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.8rem;display:flex}.image-unavailable button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;min-height:2.25rem;padding:0 .7rem}