:root{--text:#4b4653;--text-h:#08060d;--bg:#fff;--bg-alt:#f6f5f8;--border:#e5e4e7;--accent:#aa3bff;--accent-contrast:#fff;--danger:#d1425b;--shadow:#0000001f 0 8px 24px -8px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b7b3c0;--text-h:#f3f4f6;--bg:#14131a;--bg-alt:#1c1b24;--border:#302e3a;--accent:#c084fc;--accent-contrast:#14131a;--shadow:#0006 0 8px 24px -8px}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0 0 .5em;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:6px;padding:.55em 1.2em;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:var(--bg-alt);color:var(--text-h);border:1px solid var(--border)}button.danger{background:var(--danger)}.link-button{color:var(--accent);background:0 0;border:none;padding:0;font-weight:500}.link-button:hover{text-decoration:underline}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0 20px 60px}.page{padding-top:24px}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:24px;padding:16px 20px;display:flex;position:sticky;top:0}.site-header .brand{color:var(--text-h);font-size:1.2rem;font-weight:700}.site-header nav{flex:1;gap:16px;display:flex}.site-header nav a{color:var(--text)}.header-auth{margin-left:auto}.search-bar{margin-bottom:16px}.search-bar input{border:1px solid var(--border);background:var(--bg-alt);border-radius:8px;width:100%;max-width:480px;padding:.6em 1em}.photo-grid{width:100%;position:relative}.photo-cell{background:var(--bg-alt);border:none;border-radius:4px;padding:0;position:relative;overflow:hidden}.photo-cell img{object-fit:cover;width:100%;height:100%;display:block}.privacy-badge{color:#fff;background:#000000a6;border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute;top:6px;right:6px}.empty-state{text-align:center;color:var(--text);padding:60px 0}.lightbox-backdrop{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox{background:var(--bg);border-radius:8px;width:100%;max-width:1200px;max-height:90vh;display:flex;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;background:#000;flex:1;min-width:0;max-height:90vh}.lightbox-info{flex-shrink:0;width:320px;padding:24px;overflow-y:auto}.lightbox-close{color:#fff;z-index:2;background:#00000080;border-radius:50%;width:36px;height:36px;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:12px;right:12px}.lightbox-nav{color:#fff;z-index:2;background:#00000080;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:12px}.lightbox-next{right:12px}.photo-meta{grid-template-columns:auto 1fr;gap:4px 12px;margin:16px 0;font-size:.9rem;display:grid}.photo-meta dt{color:var(--text);opacity:.7}.photo-meta dd{color:var(--text-h);margin:0}.tag-chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.tag-chip{background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.8rem}.photo-permalink{margin-top:12px;display:inline-block}.photo-detail-page{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.detail-image{border-radius:8px;flex:2;min-width:300px;max-width:100%}.detail-info{flex:1;min-width:280px}.login-form,.upload-form,.edit-form{flex-direction:column;gap:14px;max-width:420px;display:flex}.login-form label,.upload-form label,.edit-form label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:500;display:flex}.login-form input,.upload-form input,.upload-form select,.upload-form textarea,.edit-form input,.edit-form select,.edit-form textarea{border:1px solid var(--border);background:var(--bg-alt);border-radius:6px;padding:.5em .7em}.form-error{color:var(--danger);font-size:.9rem}.edit-actions{gap:10px;margin-top:8px;display:flex}.album-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.album-card{color:var(--text-h)}.album-card:hover{text-decoration:none}.album-card:hover h2{text-decoration:underline}.album-cover{aspect-ratio:1;background:var(--bg-alt);box-shadow:var(--shadow);border-radius:8px;margin-bottom:8px;overflow:hidden}.album-cover img{object-fit:cover;width:100%;height:100%;display:block}.album-cover-placeholder{width:100%;height:100%}.album-card h2{margin:0 0 2px;font-size:1rem}.album-card p{opacity:.7;margin:0;font-size:.85rem}.album-description{opacity:.8;margin-bottom:20px}@media (width<=640px){.lightbox{flex-direction:column;max-height:95vh;overflow-y:auto}.lightbox-info{width:100%}.lightbox-image{max-height:50vh}}