:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f242e;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4f9cf9;--star:#ffce47;--danger:#ff6b6b;--border:#2a2f3a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.center{justify-content:center;align-items:center;padding:2rem;display:flex}.muted{color:var(--muted)}.error{color:var(--danger)}.error.banner{text-align:center;background:#ff6b6b1f;padding:.6rem 1rem}.login{justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.8rem;width:100%;max-width:340px;padding:1.6rem;display:flex}.login-card h1{margin:0;font-size:1.5rem}.login-card input,.topbar select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:.6rem .7rem;font-size:1rem}button{cursor:pointer;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:.55rem .8rem}button:disabled{opacity:.5;cursor:default}.login-card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.app{min-height:100%}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0f1115d9;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.3px;font-weight:700}.spacer{flex:1}.toggle.on{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.content{max-width:1400px;margin:0 auto;padding:0 1rem 4rem}.date-header{z-index:10;color:var(--muted);background:linear-gradient(var(--bg), var(--bg) 70%, transparent);margin:1.4rem 0 .6rem;padding:.3rem 0;font-size:1rem;position:sticky;top:56px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.tile{aspect-ratio:4/3;background:var(--panel-2);border:none;border-radius:10px;padding:0;position:relative;overflow:hidden}.tile-img{object-fit:cover;width:100%;height:100%;display:block}.tile-placeholder{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.tile-star{color:var(--star);text-shadow:0 1px 3px #000c;position:absolute;top:5px;right:7px}.tile-badge{background:#0009;border-radius:6px;padding:1px 6px;font-size:.72rem;position:absolute;bottom:5px;left:6px}.tile-time{color:#fff;text-shadow:0 1px 3px #000000e6;font-size:.72rem;position:absolute;bottom:5px;right:6px}.sentinel{height:1px}.lightbox{z-index:100;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-stage{max-width:96vw;max-height:86vh;display:flex}.lightbox-media{object-fit:contain;border-radius:6px;max-width:96vw;max-height:86vh}.nav{background:#0006;border:none;border-radius:10px;width:54px;height:72px;font-size:2.4rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.nav-prev{left:12px}.nav-next{right:12px}.lightbox-bar{background:linear-gradient(#0000,#000000bf);align-items:center;gap:1rem;padding:.8rem 1.1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.lightbox-caption{flex-direction:column;gap:2px;display:flex}.lightbox-actions{gap:.5rem;margin-left:auto;display:flex}.lightbox-actions .star.on,.lightbox-actions .star{font-size:1.1rem}.lightbox-actions .star.on{color:var(--star);border-color:var(--star)}.lightbox-actions .danger{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:86vh;margin:1rem;padding:1.2rem 1.3rem 1.4rem;overflow:auto}.panel-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.panel-head h2{margin:0;font-size:1.2rem}.cam-list{flex-direction:column;gap:.7rem;display:flex}.cam-row{background:var(--panel-2);border:1px solid var(--border);border-radius:11px;flex-direction:column;gap:.5rem;padding:.7rem .8rem;display:flex}.cam-rename{gap:.5rem;display:flex}.cam-rename input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;flex:1;padding:.5rem .6rem;font-size:.95rem}.cam-meta{flex-wrap:wrap;gap:.3rem 1rem;font-size:.82rem;display:flex}.cam-stats{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.85rem;display:flex}.cam-pull{flex-wrap:wrap;gap:.3rem 1rem;font-size:.82rem;display:flex}.cam-pull .warn{color:var(--danger)}.stat{align-items:center;gap:.4rem;display:inline-flex}.stat.warn{color:var(--danger)}.bar{background:var(--border);border-radius:4px;width:60px;height:7px;display:inline-block;overflow:hidden}.bar-fill{background:var(--accent);height:100%;display:block}.stat.warn .bar-fill{background:var(--danger)}@media (width<=640px){.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.date-header{top:52px}}