.videotron-body{margin:0;overflow:hidden;background-color:#000!important}.photo-pile-container{width:100vw;height:100vh;position:relative;overflow:hidden}.photo-item{opacity:0;object-fit:contain;max-width:90vw;max-height:95vh;transition:transform 1.5s cubic-bezier(.25,.8,.25,1),opacity 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 10px 30px #000c;background-color:#1c1c1c!important;border:15px solid #1c1c1c!important;border-bottom-width:40px!important}.photo-item.new{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0);box-shadow:0 30px 60px #000c;z-index:99999!important}.photo-item.pile{opacity:1}.hover-zoom{transition:transform .3s,box-shadow .3s}.hover-zoom:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d!important}:root,[data-bs-theme=light]{--app-bg:#f9f9f9;--app-text:#1a1a1a;--nav-bg:#ffffffbf;--nav-border:#00000014;--input-bg:#f0f0f0;--input-text:#1a1a1a;--btn-bg:#1a1a1a;--btn-text:#fff;--lock-bg:#1a1a1a;--lock-icon:#fff;--nav-item-active:#a855f7;--nav-item-active-bg:#a855f726;--nav-item-inactive:#86868b}html[data-bs-theme=dark]{--app-bg:#0a0a0a;--app-text:#fff;--nav-bg:#191919bf;--nav-border:#ffffff1a;--input-bg:#1a1a1a;--input-text:#fff;--btn-bg:#fff;--btn-text:#1a1a1a;--lock-bg:#fff;--lock-icon:#1a1a1a;--nav-item-inactive:#fff;--bs-border-color:#1c1c1c!important}#upload-overlay{-webkit-backdrop-filter:blur(8px)saturate(180%);transition:all .3s;background-color:#0a0a0ad1!important}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;background-color:var(--app-bg)!important;color:var(--app-text)!important}.logo-text{letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:800}a{text-decoration:none}.border-top,.border-bottom,.border-secondary{border-color:var(--nav-border)!important}.theme-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);transition:background-color .3s,border-color .3s;background-color:var(--nav-bg)!important;border-color:var(--nav-border)!important}.theme-text{color:var(--app-text)!important}.theme-btn{transition:all .3s;background-color:var(--btn-bg)!important;color:var(--btn-text)!important}.theme-lock-box{transition:all .3s;background-color:var(--lock-bg)!important;color:var(--lock-icon)!important}.fixed-bottom.theme-nav{position:fixed;border:1px solid var(--nav-border)!important;z-index:1050!important;border-radius:40px!important;width:max-content!important;padding:8px!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 8px 32px #00000026!important}.fixed-bottom.theme-nav .container-fluid{padding:0!important}.fixed-bottom.theme-nav .d-flex.justify-content-around{gap:2px;justify-content:center!important}.nav-item{flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;color:var(--nav-item-inactive)!important;border-radius:32px!important;width:auto!important;padding:8px 18px 6px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.nav-item i{margin-bottom:2px!important;font-size:1.25rem!important}.nav-item span{font-size:.72rem!important;line-height:1!important}.nav-item:hover{color:var(--nav-item-active)!important}.nav-item:active{transform:scale(.95)}.nav-indicator{display:none!important}.dark-input-group{background-color:var(--input-bg);border-radius:1rem;padding:4px;transition:background-color .3s}.dark-input-group .form-control{color:var(--input-text)!important}.dark-input-group .form-control:focus{color:var(--input-text);box-shadow:none;background-color:#0000}.dark-input-group .form-control::placeholder,.dark-input-group .input-group-text i{color:var(--nav-item-inactive)}.cursor-pointer{cursor:pointer}[data-bs-theme=dark] .text-muted{color:#adb5bd!important}.settings-group{background-color:var(--input-bg);border:1px solid var(--nav-border)}.custom-switch:checked{background-color:#a855f7!important;border-color:#a855f7!important}.aspect-square{aspect-ratio:1;object-fit:cover}.galeri-selected-overlay{background-color:#a855f766!important}.galeri-selected-check{background-color:#a855f7!important}.tab-content{display:none!important}html.active-tab-timeline #tab-timeline,html.active-tab-kamera #tab-kamera,html.active-tab-galeri #tab-galeri,html.active-tab-settings #tab-settings,html.active-tab-profile #login-section{display:block!important}.nav-item[data-tab]{color:var(--nav-item-inactive)!important}.nav-item[data-tab] .nav-indicator{opacity:0!important}html.active-tab-timeline .nav-item[data-tab=timeline],html.active-tab-kamera .nav-item[data-tab=kamera],html.active-tab-galeri .nav-item[data-tab=galeri],html.active-tab-settings .nav-item[data-tab=settings],html.active-tab-profile .nav-item[data-tab=profile]{color:var(--nav-item-active)!important;background-color:var(--nav-item-active-bg)!important}html.auth-logged-in #nav-logged-in{display:flex!important}html.auth-logged-in #nav-logged-out,html.auth-logged-out #nav-logged-in{display:none!important}html.auth-logged-out #nav-logged-out{display:flex!important}#login-form .form-control::placeholder{color:#1a1a1abf!important}html[data-bs-theme=dark] #login-form .form-control::placeholder{color:#ffffff40!important}@keyframes likePulse{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}75%{transform:scale(1.1)}to{transform:scale(1)}}.liked-animation{animation:.4s cubic-bezier(.175,.885,.32,1.275) likePulse;display:inline-block}.heart-particle{z-index:1050;font-size:1.2rem;animation:.8s ease-out forwards heartFly;transform:translate(-50%,-50%)}@keyframes heartFly{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.5) rotate(15deg);opacity:0}}.pointer-events-none{pointer-events:none}.logo-svg{transition:color .3s;color:var(--app-text)!important}.spark-animated{stroke:gold;fill:gold;transform-origin:19px 19px;animation:1.5s ease-in-out infinite sparkPulse}@keyframes sparkPulse{0%{opacity:.8;filter:drop-shadow(0 0 2px #ffd70066);transform:scale(.8)}50%{opacity:1;filter:drop-shadow(0 0 6px #ffd700e6);transform:scale(1.3)}to{opacity:.8;filter:drop-shadow(0 0 2px #ffd70066);transform:scale(.8)}}