*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#111;color:#fff;min-height:100vh}.app-header{position:fixed;top:0;right:0;padding:1rem;z-index:50}.auth-button{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.auth-email{color:#888}.auth-sign-in,.auth-sign-out{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s}.auth-sign-in:hover,.auth-sign-out:hover{background:#fff3}.password-gate{display:flex;justify-content:center;align-items:center;min-height:100vh}.password-gate form{display:flex;flex-direction:column;gap:1rem;text-align:center}.password-gate input{padding:.75rem 1rem;font-size:1rem;border:1px solid #333;border-radius:4px;background:#222;color:#fff}.password-gate button{padding:.75rem 1rem;font-size:1rem;border:none;border-radius:4px;background:#fff;color:#111;cursor:pointer}.password-gate .error{color:#f66}.gallery{padding:2rem;max-width:1400px;margin:0 auto}.gallery h1{margin-bottom:2rem;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item{aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.gallery-item:hover img{transform:scale(1.05)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100}.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:2.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:1rem}.lightbox-nav:hover{opacity:1}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-download{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#fffc;color:#111;padding:.25rem .75rem;border-radius:3px;text-decoration:none;font-size:.75rem;opacity:0;transition:opacity .3s}.lightbox-download.visible{opacity:.7}.lightbox-download:hover{opacity:1}.credits{margin-top:4rem;padding-top:2rem;border-top:1px solid #333;text-align:center}.credits h2{font-size:1.25rem;font-weight:400;margin-bottom:1.5rem;color:#888}.credits ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 3rem}.credits li{color:#aaa}.credits a{color:#fff;text-decoration:none}.credits a:hover{text-decoration:underline}.contribute-link{margin-top:3rem;text-align:center}.contribute-link button{background:none;border:none;color:#555;font-size:.75rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.contribute-link button:hover{color:#888}.contribute-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;border:1px solid #333;border-radius:8px;padding:2rem;z-index:200;min-width:320px;max-width:400px;box-shadow:0 10px 40px #00000080}.contribute-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer}.contribute-close:hover{color:#fff}.contribute-auth{text-align:center}.contribute-auth p{margin-bottom:1rem;color:#888}.contribute-sign-out{margin-top:1rem;width:100%;padding:.5rem;background:transparent;border:1px solid #444;color:#888;border-radius:4px;cursor:pointer;font-size:.875rem}.contribute-sign-out:hover{border-color:#666;color:#fff}.upload-form h3{margin-bottom:1rem;font-size:1rem;font-weight:500}.upload-field{margin-bottom:1rem}.upload-field label{display:block;margin-bottom:.5rem;color:#888;font-size:.875rem}.upload-field select,.upload-field input[type=file]{width:100%;padding:.5rem;background:#111;border:1px solid #444;border-radius:4px;color:#fff;font-size:.875rem}.upload-field select:focus,.upload-field input:focus{outline:none;border-color:#666}.upload-count{color:#888;font-size:.875rem;margin-bottom:1rem}.upload-error{color:#f66;font-size:.875rem;margin-bottom:1rem}.upload-no-access{color:#888;font-size:.875rem}.upload-button{width:100%;padding:.75rem;background:#fff;color:#111;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .2s}.upload-button:disabled{opacity:.5;cursor:not-allowed}.upload-button:not(:disabled):hover{opacity:.9}.upload-results{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.upload-results h4{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.upload-results ul{list-style:none;font-size:.75rem}.upload-results li{padding:.25rem 0}.upload-results li.success{color:#6c6}.upload-results li.failure{color:#f66}