:root{--bg:#0b0b0d;--bg-elev:#16161a;--fg:#f2f2f4;--fg-dim:#a1a1aa;--border:#26262b;--accent:#5b8cff;--radius:12px;--max:1200px}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:var(--max);padding:24px 20px 80px}.page-header h1{font-size:1.6rem;margin:0 0 4px}.page-header p{color:var(--fg-dim);margin:0}.page-header{margin-bottom:24px}.muted{color:var(--fg-dim)}.btn{align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--fg);cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 14px}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5}.album-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.album-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .12s ease,border-color .12s ease}.album-card:hover{border-color:var(--accent);transform:translateY(-2px)}.album-card__cover{aspect-ratio:4/3;background:#000 50%/cover no-repeat;display:block}.album-card__body{padding:12px 14px}.album-card__title{font-weight:600}.album-card__meta{color:var(--fg-dim);font-size:.85rem;margin-top:2px}.photo-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.photo-cell{aspect-ratio:1/1;background:var(--bg-elev);border-radius:6px;cursor:zoom-in;overflow:hidden;position:relative}.photo-cell img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.lightbox{align-items:center;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;touch-action:pan-y;z-index:1000}.lightbox__img{max-height:86vh;max-width:94vw;-o-object-fit:contain;object-fit:contain}.lightbox__nav{background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:56px;position:absolute;top:50%;transform:translateY(-50%);width:56px}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__close{font-size:1.6rem;position:absolute;right:16px;top:16px}.lightbox__bar{align-items:center;bottom:16px;color:var(--fg-dim);display:flex;gap:16px;justify-content:center;left:0;position:absolute;right:0}.state{color:var(--fg-dim);display:grid;min-height:60vh;place-items:center;text-align:center}