*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #2a2a2a;--color-text: #e5e5e5;--color-text-muted: #888;--color-accent: #e94560;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--max-width: 1400px;--gap: 1rem}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.site-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--color-border)}.site-logo{height:48px;width:auto;display:block;flex-shrink:0}.site-header__title{font-size:1.125rem;font-weight:600;letter-spacing:.02em}.site-header__title:hover{color:var(--color-accent)}.container{max-width:var(--max-width);margin:0 auto;padding:2rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gap)}.album-card{position:relative;overflow:hidden;border-radius:8px;background:var(--color-surface);transition:transform .2s}.album-card:hover{transform:translateY(-2px)}.album-card__image{aspect-ratio:3 / 2;width:100%;object-fit:cover;background:var(--color-border)}.album-card__info{padding:1rem}.album-card__title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.album-card__meta{font-size:.875rem;color:var(--color-text-muted)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.photo-grid__item{cursor:pointer;overflow:hidden;border-radius:6px;background:var(--color-surface)}.photo-grid__item img{aspect-ratio:1;width:100%;object-fit:cover;transition:transform .3s}.photo-grid__item:hover img{transform:scale(1.03)}.photo-detail{max-width:1000px;margin:0 auto}.photo-detail__image{width:100%;border-radius:8px;margin-bottom:1.5rem}.photo-detail__caption{font-size:1.25rem;margin-bottom:1rem}.photo-detail__exif{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:1rem;background:var(--color-surface);border-radius:8px;font-size:.875rem}.photo-detail__exif dt{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.photo-detail__exif dd{margin-top:.125rem}.breadcrumb{display:flex;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem}.breadcrumb a:hover{color:var(--color-text)}.breadcrumb__sep{user-select:none}.album-header{margin-bottom:2rem}.album-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.album-header p{color:var(--color-text-muted);max-width:60ch}.page-title{font-size:2rem;font-weight:700;margin-bottom:2rem}.lightbox-dialog{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;border:none;padding:0;width:100%;height:100%;max-width:100%;max-height:100%;background:#000000eb}.lightbox-dialog[open]{display:flex}.lightbox-dialog::backdrop{background:transparent}.lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain}.lightbox__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:.5rem}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:1rem;opacity:.7;transition:opacity .2s}.lightbox__nav:hover{opacity:1}.lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.empty-state p{font-size:1.125rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:#1e1e1e;border-color:#3a3a3a}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover{background:#c93a52;border-color:#c93a52}.btn--danger{border-color:#7a1a2a;color:var(--color-accent)}.btn--danger:hover{background:#2a0a14;border-color:var(--color-accent)}.btn--sm{padding:.25rem .625rem;font-size:.8rem}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.admin-header__brand{font-size:.95rem}.admin-header__brand a{color:var(--color-text-muted);font-weight:400}.admin-header__brand a:hover{color:var(--color-text)}.admin-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem}.admin-form label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.3rem}.admin-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:.875rem;padding:.5rem .75rem;width:100%;transition:border-color .15s}.admin-input:focus{outline:none;border-color:var(--color-accent)}.admin-input--inline{background:transparent;border:1px solid transparent;border-radius:4px;padding:.25rem .5rem}.admin-input--inline:hover{border-color:var(--color-border)}.admin-input--inline:focus{background:var(--color-bg);border-color:var(--color-accent)}.admin-album-list{display:flex;flex-direction:column;gap:1rem}.admin-album-row{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.admin-album-row__thumb{width:80px;height:60px;object-fit:cover;border-radius:4px;background:var(--color-border)}.admin-album-row__thumb--empty{width:80px;height:60px;border-radius:4px;background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.7rem;text-align:center}.admin-album-row__info{min-width:0}.admin-album-row__actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.admin-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.admin-photo{position:relative;border-radius:6px;background:var(--color-surface);overflow:hidden;border:2px solid transparent;transition:border-color .2s}.admin-photo--cover{border-color:var(--color-accent)}.admin-photo__img{aspect-ratio:1;width:100%;object-fit:cover;display:block}.admin-photo__badge{position:absolute;top:.5rem;left:.5rem;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.admin-photo__actions{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s}.admin-photo:hover .admin-photo__actions{opacity:1}.admin-photo__caption{padding:.5rem}.login-wrap{max-width:360px;margin:8rem auto;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.login-wrap h1{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.login-wrap label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.375rem}.login-wrap input{width:100%;margin-bottom:1rem}.login-wrap button{width:100%}.login-error{color:var(--color-accent);font-size:.875rem;margin-bottom:1rem}@media(max-width:640px){.container{padding:1rem}.album-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.page-title,.album-header h1{font-size:1.5rem}}