*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#0c0c0e;color:#f0f0f3;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.muted{color:#8a8a92;font-size:13px}.center{text-align:center}.err{color:#f87171;font-size:13px;margin:0}button{background:#2a2a2f;color:#f0f0f3;border:1px solid #3a3a44;border-radius:8px;padding:8px 14px;cursor:pointer;font:inherit;font-size:14px;transition:background .12s}button:hover{background:#34343a}button.ghost{background:transparent}button.ghost:hover{background:#1c1c22}button.danger{background:#4a1f24;border-color:#6a2c34;color:#fca5a5}button.danger:hover{background:#5a262c}button.primary{background:#4f46e5;border-color:#4f46e5}button.primary:hover{background:#5b52ee}button:disabled{opacity:.5;cursor:not-allowed}input{background:#1a1a1e;color:#f0f0f3;border:1px solid #2f2f37;border-radius:8px;padding:9px 12px;font:inherit;font-size:14px}input:focus{outline:2px solid #4f46e5;outline-offset:-1px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login form{display:flex;flex-direction:column;gap:12px;width:320px}.login h1{margin:0 0 8px;font-size:22px;font-weight:600}.admin,.album,.share{max-width:1200px;margin:0 auto;padding:28px 20px}.admin>header,.album>header,.share>header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.admin>header h1,.album>header h1,.share>header h1{flex:1 1;margin:0;font-size:22px;font-weight:600}.back{color:#8a8a92;font-size:14px}.back:hover{color:#f0f0f3}.new-album{display:flex;gap:8px;margin-bottom:24px}.new-album input{flex:1 1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:#16161b;border:1px solid #24242c;border-radius:12px;overflow:hidden;transition:border-color .12s}.card:hover{border-color:#3a3a44}.cover{aspect-ratio:4/3;background:#20202a 50%/cover no-repeat;display:grid;place-items:center;color:#6a6a72;font-size:13px}.card-body{padding:12px;display:flex;flex-direction:column;gap:4px}.card-body strong{font-size:15px;font-weight:600}.row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.row button{font-size:12px;padding:6px 10px}.upload-zone{border:2px dashed #2f2f37;border-radius:12px;padding:24px;text-align:center;margin-bottom:24px;background:#14141a;transition:border-color .12s,background .12s}.upload-zone.dragging{border-color:#4f46e5;background:#1a1a26}.upload-zone label{display:inline-block;cursor:pointer;background:#2a2a2f;border:1px solid #3a3a44;padding:8px 14px;border-radius:8px;font-size:14px}.upload-zone label:hover{background:#34343a}.upload-zone input{display:none}.upload-zone p{margin:8px 0 0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px}.photo{position:relative;aspect-ratio:1;background:#20202a;border-radius:8px;overflow:hidden;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.photo:hover img{transform:scale(1.04)}.photo .delete{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border-radius:50%;font-size:18px;line-height:1;background:rgba(0,0,0,.65);border-color:transparent;opacity:0;transition:opacity .12s}.photo:hover .delete{opacity:1}.photo .delete:hover{background:rgba(220,38,38,.85)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:grid;place-items:center;z-index:50;cursor:zoom-out;padding:20px}.lightbox img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:4px}.lightbox .close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;padding:0;font-size:22px;line-height:1;background:hsla(0,0%,100%,.1);border-color:transparent}.lightbox .close:hover{background:hsla(0,0%,100%,.2)}.empty{text-align:center;padding:40px 20px;color:#6a6a72}