@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{font-family:Google Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:0;font-weight:400;color-scheme:light dark;color:#ecfdf5;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;width:100%}a{text-decoration:none;color:#ecfdf5}header button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}header button:hover{background-color:#ffffff1a}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.gallery-container{max-width:1200px;margin:10px auto 50px;box-sizing:border-box;width:98%}.back-log-container{display:flex;height:100vh;width:100%;justify-content:center;align-items:center}.main-button{font-size:1.4em}.main-button:hover{background-color:#0000}.log-inputs{display:flex;flex-direction:column;gap:20px}.log-inputs input{width:50%;height:30px}.profile-bubble{display:flex;align-items:center;min-width:100px;max-width:200px;height:70px;background-color:#414141;border-radius:35px;padding-left:5px;padding-right:22px;gap:10px}.username{font-size:1.3em}.profile-info{display:flex;flex-direction:column;justify-content:space-evenly;height:50px;gap:8px;padding-top:4px}.user-subtitle{font-size:.9em;font-weight:200;color:gray}.profile-image img{height:60px;width:60px;border-radius:50%;object-fit:cover}header{display:flex;justify-content:space-between;align-items:center;padding:5px 10px}h1{text-align:center;font-size:2em;font-weight:500}.masonry-grid{column-count:3;column-gap:15px}.masonry-item{break-inside:avoid;margin-bottom:15px}.photo-img{width:100%;border-radius:8px;display:block;transition:transform .2s;cursor:pointer}.photo-img:hover{transform:scale(1.02)}@media(max-width:800px){.masonry-grid{column-count:2}}@media(max-width:500px){.masonry-grid{column-count:1}}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox img{max-width:90vw;max-height:90vh;box-shadow:0 0 20px #00000080;border-radius:4px}.photo-card{cursor:pointer;transition:transform .2s}.photo-card:hover{transform:scale(1.02)}.image-wrapper{position:relative;display:inline-block;max-width:90vw;max-height:90vh}.image-wrapper img{display:block;max-width:100%;max-height:90vh;box-shadow:0 0 20px #00000080}.lightbox-header{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease-in-out;z-index:20}.image-wrapper:hover .lightbox-header{opacity:1}.nav-btn{position:absolute;top:0;bottom:0;width:50%;background:transparent;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;transition:none}.nav-btn.left{left:0;justify-content:flex-start;padding-left:10px}.nav-btn.right{right:0;justify-content:flex-end;padding-right:10px}.nav-btn span{width:50px;height:50px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #0000004d}.nav-btn:hover span{opacity:1;transform:scale(1);background:#00000080}.nav-btn span:hover{background:#000000e6!important;transform:scale(1.15)!important;cursor:pointer}.nav-btn span.material-symbols-outlined{font-size:32px}.icon-btn{background:#00000080;border-radius:50%;color:#fff;border:none;padding:8px;cursor:pointer;display:flex}.icon-btn:hover{background:#000c}.nav-btn .material-symbols-outlined{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:#242424;min-width:220px;box-shadow:0 8px 24px #00000080;z-index:100;border-radius:8px;border:1px solid #333;padding:8px 0;animation:fadeIn .2s ease}.dropdown:hover .dropdown-content{display:block}.dropdown-header{padding:8px 16px;font-size:1rem;text-transform:uppercase;color:#888;font-weight:600;letter-spacing:.5px;margin-bottom:10px}.dropdown-item{color:#e0e0e0;padding:10px 16px;margin:5px 0;text-decoration:none;cursor:pointer;text-align:left;transition:background .1s;font-size:1rem;font-weight:200}.dropdown-item:hover{background-color:#333}.dropdown-item.active{background-color:#2563eb33;color:#60a5fa;border-left:3px solid #60a5fa}.dropdown-divider{height:1px;background-color:#333;margin:6px 0}.header{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;margin-bottom:10px}.header-actions{display:flex;align-items:center;gap:5px}.upload-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center;color:inherit}.upload-btn:hover{background-color:#ffffff1a}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-container{width:100%;max-width:350px;background-color:#191919;padding:40px;border-radius:12px;box-shadow:5px 8px 15px #00000080;display:flex;flex-direction:column;gap:20px;text-align:center;transition:all .3s ease}.login-container h2{margin-bottom:20px;color:#fff}.login-container input{width:100%;padding:12px;margin-bottom:15px;background-color:#242424;border:1px solid #171717;border-radius:6px;color:#fff;font-size:16px;box-sizing:border-box}.login-container input:hover{background-color:#373737}.login-container input:focus-within{outline:2px solid oklch(43.2% .095 166.913);background-color:#2f2f2f}.login-container button{width:100%;padding:12px;background-color:#005f46;background-color:oklch(43.2% .095 166.913);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .2s}.login-container button:hover{background-color:#004e3b;background-color:oklch(37.8% .077 168.94)}.error{color:#ef4444;font-size:.9rem;margin-top:10px}.dropdown-content1{position:absolute;top:100%;right:-45px;margin-top:10px;z-index:9999;background-Color:#222;min-Width:180px;padding:10px;border-radius:8px;box-Shadow:0 4px 12px #00000080;border:1px solid #333;display:flex;flex-direction:column;align-items:center;gap:10px}.logout-container{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.change{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 0}.change:hover{background-color:#343434}.logout-container:hover{cursor:pointer;background-color:#3a2727}.logout-title{font-weight:100;font-size:1.1em;color:#ff9c9c}.logoutbutton{color:#ff9c9c}.upload-progress-container{width:200px;height:20px;background-color:#eee;border-radius:10px;overflow:hidden;margin-right:15px;border:1px solid #ccc;position:relative}.upload-progress-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.upload-text{position:absolute;width:100%;text-align:center;font-size:.75rem;color:#333;line-height:20px;font-weight:700;top:0}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}