:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7e8ec;background:#101114;font-size:16px;color-scheme:dark;--muted:#a4a6b0;--line:#30323a;--accent:#c6f27c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #41434b;background:#24262d;color:#eceef2;border-radius:7px;padding:.7rem 1rem;font-size:.875rem;transition:background .15s}button:hover{background:#363944}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#18210d;font-weight:650}button.primary:hover{background:#d5ff97}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:1.4rem 3.5vw;gap:1rem}.brand{display:flex;align-items:center;gap:1rem}.mark{font-size:1.05rem;color:var(--accent);letter-spacing:-.07em;border:1px solid #505740;width:52px;height:46px;border-radius:6px;display:grid;place-items:center}.brand strong{display:block;font-size:1.1rem}.brand span:not(.mark){display:block;font-size:.8rem;color:var(--muted);margin-top:.15rem}.header-actions{display:flex;gap:.65rem}main{padding:2.5rem 3.5vw 2rem;max-width:2100px;margin:auto}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600;color:var(--accent);margin:0 0 .6rem}h1{font-size:2rem;font-weight:550;letter-spacing:-.04em;margin:0;display:flex;align-items:center;gap:1rem}#count{font-size:.875rem;letter-spacing:0;font-weight:400;color:#bbbfc9;background:#282a31;border:1px solid var(--line);padding:.25rem .6rem;border-radius:20px}.read-only{font-size:.8rem;color:var(--muted)}.filters{display:flex;gap:1rem;background:#1a1b20;border:1px solid var(--line);padding:1.2rem;border-radius:10px;align-items:end}.filters>div{flex:1;min-width:0}.filters .search{flex:1.3}label{display:block;font-size:.875rem;color:#c6c8cf;margin-bottom:.5rem}select,input{width:100%;border:1px solid #41434c;border-radius:6px;background:#111216;color:#e9eaf0;padding:.75rem;font-size:.9rem;min-width:0}select{padding-right:1.5rem}.results-bar{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.875rem;color:var(--muted);margin:1rem 0}.results-bar p{margin:.6rem 0}.results-bar span{font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.photo{padding:0;border:1px solid var(--line);border-radius:8px;background:#191a20;text-align:left;overflow:hidden;min-width:0}.photo:hover{border-color:#6e795d;background:#23262b}.image-wrap{aspect-ratio:3/2;background:#07080a;display:grid;place-items:center;position:relative;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:contain}.missing{font-size:.875rem;color:var(--muted);padding:1rem}.photo-info{padding:.85rem}.photo-info strong,.photo-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-info strong{font-size:.9rem;font-weight:550;margin-bottom:.5rem}.photo-info span{font-size:.8rem;color:#b3b6c1;line-height:1.7}.photo-info .date{color:#9295a0;margin-top:.3rem;font-size:.75rem}.empty{text-align:center;padding:5rem 1rem;background:#17181d;border:1px dashed #3b3e47;border-radius:10px;color:var(--muted)}.empty h2{color:#e9eaf0;font-size:1.4rem;font-weight:500}.empty-icon{font-size:2rem;color:var(--accent)}.load-row{text-align:center;padding:1.5rem}.scan-panel{border:1px solid var(--line);border-radius:8px;background:#191a20;margin-top:1rem}.scan-panel>summary{padding:1rem;cursor:pointer;font-size:.9rem}.scan-panel summary span{margin-left:.8rem;color:var(--accent);font-size:.8rem}.scan-body{padding:0 1rem 1rem;color:var(--muted);font-size:.875rem}.scan-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.check{display:flex;align-items:center;gap:.6rem;margin:0}.check input{width:auto}.path{overflow-wrap:anywhere;font-size:.8rem;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:1.4rem 3.5vw;font-size:.8rem;color:var(--muted)}.error{background:#421f24;border:1px solid #8b414c;border-radius:8px;color:#ffd6db;padding:1rem;margin:1rem 0}.login{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:#1a1c21;padding:2.5rem;border:1px solid var(--line);border-radius:12px}.login-card .mark{margin-bottom:2rem}.login-card h1{margin-bottom:2rem}.login-card button{margin-top:1rem;width:100%}#loginError{color:#ffb6bf;font-size:.875rem}dialog{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;background:#0a0b0e;color:#eee}dialog::backdrop{background:#000}.viewer-layout{height:100%;display:flex;flex-direction:column}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #272931}.viewer-top>div{min-width:0}.viewer-top strong{display:block;overflow-wrap:anywhere;font-size:.95rem}.viewer-top span{font-size:.8rem;color:var(--muted)}.viewer-top button{padding:.6rem .8rem}.stage{position:relative;flex:1;min-height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage img{width:100%;height:100%;object-fit:contain;display:block}.stage .nav{position:absolute;z-index:1;top:50%;transform:translateY(-50%);font-size:2rem;padding:.25rem .8rem;background:#191b23dd}.prev{left:1rem}.next{right:1rem}.viewer-bottom{padding:1rem 1.5rem;border-top:1px solid #292b32;max-height:30dvh;overflow:auto;background:#15161b;font-size:.875rem}.viewer-bottom span{display:block;color:var(--muted);margin-top:.3rem}.viewer-bottom p{margin:.5rem 0}.viewer-bottom summary{cursor:pointer;color:var(--accent)}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:.8rem}#previewMessage{color:var(--muted);text-align:center;padding:3rem}@media(min-width:1700px){.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media(max-width:850px){.filters{flex-wrap:wrap}.filters>div{flex:1 1 40%}.filters .search{flex:1 1 60%}.read-only{display:none}}@media(max-width:520px){header{padding:1rem}.brand{gap:.5rem}.brand .mark{display:none}.header-actions{gap:.35rem}.header-actions button{padding:.6rem .65rem}main{padding:1.5rem 1rem}h1{font-size:1.6rem}.filters{padding:.8rem;gap:.8rem}.filters>div{flex:1 1 100%}.filters .search{flex:1 1 100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.photo-info{padding:.6rem}.results-bar span,footer span{display:none}.scan-actions{align-items:start;flex-direction:column}.viewer-top{padding:.75rem}.viewer-top>div:last-child{display:flex;gap:.3rem}#fullScreen{display:none}.stage .nav{padding:0 .55rem}.prev{left:.35rem}.next{right:.35rem}.viewer-bottom{padding:.8rem}.title-row{margin-bottom:1.5rem}}