:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-surface: #1a1a2e;--bg-elevated: #222236;--accent-primary: #8b5cf6;--accent-secondary: #a78bfa;--accent-dim: rgba(139, 92, 246, .3);--accent-glow: rgba(139, 92, 246, .2);--green-primary: #22c55e;--red-primary: #ef4444;--blue-primary: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: rgba(255, 255, 255, .5);--glass-bg: rgba(26, 26, 46, .75);--glass-bg-dark: rgba(10, 10, 15, .85);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .12);--glass-blur: 16px;--border-subtle: rgba(255, 255, 255, .06);--border-default: #374151;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-accent: 0 0 20px rgba(139, 92, 246, .2);--ease-out: cubic-bezier(.16, 1, .3, 1);--header-height: 64px;--content-max-width: 1400px;--content-padding: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}.header-inner{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding);height:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);transition:color .2s}.header-logo:hover{color:var(--accent-secondary)}.header-nav{display:flex;gap:8px}.nav-link{padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--accent-secondary);background:var(--accent-dim)}.footer{padding:32px var(--content-padding);border-top:1px solid var(--border-subtle);text-align:center}.footer-inner{max-width:var(--content-max-width);margin:0 auto}.footer-text{font-size:.8125rem;color:var(--text-muted)}.photo-card{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;background:var(--bg-surface);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.photo-card img{width:100%;height:auto;display:block;opacity:0;transition:opacity .4s ease}.photo-card img.loaded{opacity:1}.photo-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .3s}.photo-card:hover .photo-card-overlay{opacity:1}.photo-card-title{font-size:.875rem;font-weight:500;color:#fff}.masonry-grid{column-count:4;column-gap:16px}@media(max-width:1200px){.masonry-grid{column-count:3}}@media(max-width:768px){.masonry-grid{column-count:2}}@media(max-width:480px){.masonry-grid{column-count:1}}.masonry-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:1.125rem}.album-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.album-pill{padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.album-pill:hover{border-color:var(--glass-border-light);color:var(--text-primary);background:var(--bg-elevated)}.album-pill.active{border-color:var(--accent-primary);color:var(--accent-secondary);background:var(--accent-dim)}.album-pill-count{font-size:.75rem;opacity:.6}.lightbox-backdrop{position:fixed;inset:0;z-index:1000;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:lightbox-fade-in .2s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-sm)}.lightbox-close{position:fixed;top:16px;right:24px;font-size:2.5rem;color:var(--text-secondary);background:none;border:none;line-height:1;z-index:10;transition:color .2s}.lightbox-close:hover{color:var(--text-primary)}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);font-size:3rem;color:var(--text-secondary);background:#0006;border:none;border-radius:var(--radius-sm);padding:8px 16px;z-index:10;transition:all .2s}.lightbox-nav:hover{color:var(--text-primary);background:#0009}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-info{margin-top:16px;text-align:center;max-width:600px}.lightbox-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.lightbox-description{font-size:.875rem;color:var(--text-secondary)}.lightbox-counter{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:.8125rem;color:var(--text-muted);background:#00000080;padding:4px 12px;border-radius:var(--radius-full)}.gallery-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding);padding-top:32px}.gallery-load-more{display:flex;justify-content:center;padding:32px 0}.load-more-btn{padding:12px 32px;border-radius:var(--radius-full);border:1px solid var(--glass-border-light);background:var(--glass-bg);color:var(--text-secondary);font-weight:500;transition:all .2s}.load-more-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.album-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding);padding-top:32px}.album-header{margin-bottom:24px}.album-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.album-description{margin-top:8px;color:var(--text-secondary);font-size:.9375rem}.album-loading,.album-not-found{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:1.125rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px)}.login-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:380px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.login-title{font-size:1.25rem;font-weight:600;margin-bottom:24px;text-align:center;color:var(--text-primary)}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--red-primary);padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px}.login-input{width:100%;padding:12px 16px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;margin-bottom:16px;outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--accent-primary)}.login-btn{width:100%;padding:12px;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;font-weight:600;font-size:.9375rem;transition:opacity .2s}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.photo-upload{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.upload-title{font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.upload-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.upload-input{flex:1;min-width:200px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.upload-select,.upload-tags-input{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;outline:none}.upload-select:focus,.upload-tags-input:focus{border-color:var(--accent-primary)}.upload-tags-input{width:200px}.upload-btn{padding:10px 20px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;white-space:nowrap;transition:opacity .2s}.upload-btn:hover:not(:disabled){opacity:.9}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-progress{margin-top:12px;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--accent-primary);transition:width .3s}.photo-manager{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.manager-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.manager-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.reorder-saving{font-size:.75rem;font-weight:500;color:var(--accent-primary);animation:pulse-saving 1.2s ease-in-out infinite}@keyframes pulse-saving{0%,to{opacity:1}50%{opacity:.4}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.photo-item{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.drag-handle{position:absolute;top:6px;left:6px;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:#0009;color:#fff;border:none;cursor:grab;opacity:0;transition:opacity .15s;padding:0}.drag-handle:active{cursor:grabbing}.photo-item:hover .drag-handle{opacity:1}.photo-thumb{width:100%;height:140px;object-fit:cover}.photo-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.photo-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-album{font-size:.75rem;color:var(--text-muted)}.photo-actions{display:flex;gap:8px;margin-top:6px}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:4px;transition:opacity .2s}.btn-edit{background:var(--accent-dim);color:var(--accent-secondary)}.btn-delete{background:#ef44441a;color:var(--red-primary)}.btn-save{background:var(--accent-primary);color:#fff}.btn-cancel{background:var(--bg-elevated);color:var(--text-secondary)}.photo-edit-form{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.edit-input,.edit-select{width:100%;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:.8125rem;outline:none}.edit-input:focus,.edit-select:focus{border-color:var(--accent-primary)}.edit-actions{display:flex;gap:8px}.album-manager{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.album-create-form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.album-input{flex:1;min-width:150px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;outline:none}.album-input:focus{border-color:var(--accent-primary)}.album-create-btn{padding:10px 20px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;white-space:nowrap;transition:opacity .2s}.album-create-btn:disabled{opacity:.5;cursor:not-allowed}.album-list{display:flex;flex-direction:column;gap:8px}.album-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 16px}.album-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.album-edit-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.album-info{display:flex;flex-direction:column;gap:2px}.album-name{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.album-meta{font-size:.75rem;color:var(--text-muted)}.album-actions{display:flex;gap:8px}.admin-dashboard{max-width:var(--content-max-width);margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-logout{padding:8px 16px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .2s}.admin-logout:hover{border-color:var(--red-primary);color:var(--red-primary)}.admin-page{padding:var(--content-padding);padding-top:32px}