body{background-image:url(https://4kwallpapers.com/images/walls/thumbs_3t/1432.jpg);background-color:#111827;background-size:cover;background-position:center}.liquid-glass{position:relative;overflow:hidden;box-shadow:0 8px 32px #0006;transition:all .4s cubic-bezier(.175,.885,.32,1.5)}.glass-effect{position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);filter:url(#glass-distortion);isolation:isolate}.glass-tint{position:absolute;inset:0;z-index:2;background-image:linear-gradient(to top right,var(--glass-bg-start, rgba(30, 25, 25, .4)),var(--glass-bg-end, rgba(30, 25, 25, .2)));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));transition:background-image .5s ease,border-color .5s ease}.glass-shine{position:absolute;inset:0;z-index:3;box-shadow:inset 1px 1px 1px #fff3,inset -1px -1px 2px #0003}.glass-content{position:relative;z-index:4;height:100%;width:100%}.simple-glass{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background-color:#1e191966;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000059;transition:background-color .5s ease,border-color .5s ease}.app-window,.dropdown-menu{position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1.5),transform .3s cubic-bezier(.4,0,.2,1.5);will-change:transform,opacity}.dropdown-menu{transform-origin:top}.hidden-item{display:none}.active-window .liquid-glass{box-shadow:0 8px 32px #00000059,0 0 0 2px #60a5fa80}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.resize-handle{position:absolute;width:1rem;height:1rem;bottom:0;right:0;cursor:nwse-resize;z-index:10}.dock-icon{transition:transform .15s cubic-bezier(.4,0,.2,1.5),z-index 0s step}.active-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:#e6e6ffe6;border-radius:9999px;box-shadow:0 0 5px #c8c8ffcc;opacity:0;transition:opacity .3s ease}.active-indicator.visible{opacity:1}@keyframes jiggle{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}.jiggle-animation{animation:jiggle .3s ease-in-out}@keyframes smooth-zigzag{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.photo-grid{perspective:800px;padding:2rem 1rem}.photo-item{transition:transform .35s cubic-bezier(.4,0,.2,1.5),opacity .35s ease;position:relative}.photo-grid:hover .photo-item:not(:hover){transform:scale(.9);opacity:.6}.photo-item:hover{z-index:10;transform:translateY(-20px) scale(1.15)}.photo-item img{transition:box-shadow .3s ease;width:100%;height:100%;object-fit:cover;border-radius:.5rem}.photo-item:hover img{box-shadow:0 15px 35px #0006;animation:smooth-zigzag 1.8s ease-in-out infinite}.swim-menu{position:absolute;top:0;left:100%;width:216px;opacity:0;transform:translate(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s;pointer-events:none;z-index:20}.photo-item:hover .swim-menu{opacity:1;transform:translate(0);pointer-events:auto}.swim-menu-item{display:flex;align-items:center;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;color:#e5e7eb;transition:background-color .2s,color .2s;cursor:pointer;text-decoration:none}.swim-menu-item:hover{background-color:#3b82f6;color:#fff}.swim-menu-item svg{width:1.125rem;height:1.125rem;margin-right:.75rem}