.whiteboard-container,.transform-container{position:fixed;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%) translate(var(--translateX, 0),var(--translateY, 0)) scale(var(--scale, 1));transform-origin:center center;z-index:1;overflow:visible}@media (max-width: 768px){.transform-container{touch-action:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}}.whiteboard-container.is-transitioning,.transform-container.is-transitioning{transition:transform 1s cubic-bezier(.25,.8,.25,1)}.whiteboard-content{position:relative;width:100%;height:100%;overflow:visible;z-index:3}.draggable-area{position:absolute;transform-origin:center center;transform:translate(-50%,-50%) translate(var(--item-x, 0px),var(--item-y, 0px)) rotate(var(--item-rotation, 0deg));z-index:var(--item-z, 1);width:var(--item-width, 280px);height:var(--item-height, 320px);top:50%;left:50%;overflow:visible}.draggable-area .sticky-note{position:relative;width:100%;height:100%;overflow:hidden}.sticky-note{position:relative;padding:1rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:4px;box-shadow:0 2px 8px #00000026;background-color:#fff68f;transition:transform .2s ease,box-shadow .2s ease}@media (min-width: 769px) and (prefers-reduced-motion: no-preference){.sticky-note:not(.mobile-optimized):not(.is-interacting){animation:gentle-float 4s ease-in-out infinite}}.sticky-note-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:1}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sticky-note.is-resized{z-index:100;box-shadow:0 4px 12px #0003}.draggable-area:not(.is-interacting){transition:width .3s ease,height .3s ease}.sticky-note.is-interacting{box-shadow:0 4px 12px #0003;animation-play-state:paused!important}.sticky-note.is-transitioning-size{animation-play-state:paused!important}.mobile-optimized .sticky-note{transform:none!important;animation:none!important;transition:none!important;box-shadow:0 1px 3px #0000001a!important;will-change:auto!important;overflow:hidden!important}.mobile-optimized .transform-container,.mobile-optimized .whiteboard-container{transform:translate(-50%,-50%) translate(var(--translateX, 0),var(--translateY, 0)) scale(var(--scale, 1));overflow:visible;will-change:none}.mobile-optimized .whiteboard-content{overflow:visible;will-change:none}.mobile-optimized .draggable-area{overflow:visible;will-change:none;transform:translate(-50%,-50%) translate(var(--item-x, 0px),var(--item-y, 0px)) rotate(var(--item-rotation, 0deg))!important}.perf-low .sticky-note,.perf-minimal .sticky-note{animation:none!important;transform:none!important;transition:none!important;box-shadow:0 1px 2px #0000001a!important;border:1px solid rgba(0,0,0,.1)!important}.perf-medium .sticky-note{animation-duration:8s!important;animation-timing-function:ease-in-out!important;box-shadow:0 2px 4px #0000001a!important}.disable-animations .sticky-note,.simplify-effects .sticky-note{animation:none!important;transform:none!important;transform-style:flat!important;box-shadow:0 1px 3px #0000001a!important}.is-transitioning .sticky-note,.is-scrolling .sticky-note{animation-play-state:paused!important}.sticky-note.etched-content{border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.sticky-note.etched-content .sticky-note-content *{background-color:transparent!important;border-color:#0003!important;box-shadow:none!important}.sticky-note.etched-content .etched-button{background-color:#0000001a!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 1px 2px #0000001a!important;position:relative!important;z-index:100!important}.sticky-note.etched-content .rounded-lg,.sticky-note.etched-content .bg-gray-900,.sticky-note.etched-content .bg-gray-800,.sticky-note.etched-content .bg-blue-900,.sticky-note.etched-content .bg-zinc-900,.sticky-note.etched-content [class*=bg-]{background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.etched-text{color:#000c;text-shadow:none}.etched-text .text-white,.etched-text .text-gray-100,.etched-text .text-gray-200,.etched-text .text-blue-100,.etched-text .text-blue-200,.etched-text .text-cyan-100,.etched-text .text-cyan-200,.etched-text [class*=text-]{color:#000c!important;text-shadow:none!important}.etched-text h1,.etched-text h2,.etched-text h3{color:#000000e6!important;text-shadow:none!important}.etched-button{background-color:#0000001a!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:none!important}.etched-button svg{color:#000000b3!important}.sticky-note.etched-content .rounded-lg,.sticky-note.etched-content div[class*=rounded],.sticky-note.etched-content div[class*=p-]{box-shadow:none!important;border:none!important;border-radius:0!important}.sticky-note.etched-content .rounded-lg,.sticky-note.etched-content div[class*=rounded]{border-bottom:1px solid rgba(0,0,0,.1)!important;margin-bottom:.5rem}@media (max-width: 480px){.mobile-optimized .sticky-note{border:1px solid rgba(0,0,0,.1)!important;border-radius:4px!important;box-shadow:0 1px 3px #0000001a!important;padding:.5rem!important}.mobile-optimized .draggable-area{width:calc(var(--item-width, 280px) * .8)!important;height:calc(var(--item-height, 320px) * .8)!important}}@media (prefers-reduced-motion: reduce){.sticky-note{animation:none!important;transition:none!important}}.retro-container{min-height:100vh;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.photo-feed{margin-left:auto;margin-right:auto;max-width:42rem;padding:2rem 1rem}.album-details-container{margin-left:auto;margin-right:auto;width:100%;max-width:72rem;padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.photo-grid-container{margin-left:auto;margin-right:auto;display:grid;max-width:72rem;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;padding:2rem 1rem}@media (min-width: 768px){.photo-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.photo-grid-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.photo-detail-container{min-height:100vh;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1f2937 var(--tw-gradient-to-position);padding:2rem;--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.photo-detail-content{margin-left:auto;margin-right:auto;display:grid;max-width:72rem;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.photo-detail-content{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-header{border-bottom-width:1px;border-color:#06b6d44d;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:2rem 1rem;background:linear-gradient(to bottom,#000919,#001933)}.profile-hero{margin-left:auto;margin-right:auto;display:flex;max-width:72rem;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 768px){.profile-hero{flex-direction:row;align-items:flex-start}}.profile-pic-container{position:relative}.profile-pic{position:relative;z-index:10;height:8rem;width:8rem;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));box-shadow:0 0 20px #00ffff4d}.profile-pic-glow{position:absolute;inset:0;border-radius:.5rem;background:radial-gradient(circle at center,rgba(0,255,255,.2),transparent);animation:pulse 4s infinite}.profile-info{flex:1 1 0%}.profile-name{margin-bottom:.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1));text-shadow:0 0 10px rgba(0,255,255,.5)}.profile-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));font-family:Monaco,monospace}.profile-location{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.profile-bio{max-width:42rem;color:#22d3eecc}.profile-stats{margin-top:1rem;display:flex;gap:2rem}@media (min-width: 768px){.profile-stats{margin-top:0}}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1));text-shadow:0 0 10px rgba(0,255,255,.3)}.stat-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.feed-item{margin-bottom:4rem;overflow:visible;border-radius:.5rem;background-color:#11182780;box-shadow:0 0 30px #00000080}.feed-item-header{border-bottom-width:1px;border-color:#06b6d433;padding:1.5rem;background:linear-gradient(to right,rgba(0,0,0,.3),transparent)}.feed-item-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.album-link{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.album-link:hover{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.album-link{text-shadow:0 0 10px rgba(0,255,255,.3)}.album-meta{display:flex;gap:1rem;font-family:GTAmerica-Light;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.album-description{margin-top:.5rem;max-width:42rem;color:#22d3eecc}.album-footer{margin-top:1rem;border-top-width:1px;border-color:#06b6d433;padding:.75rem 1.5rem}.album-tags{display:flex;flex-wrap:wrap;gap:.5rem}.album-tag{cursor:pointer;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.album-tag:hover{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.album-tag:before{content:"#";--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.photo-deck-container{position:relative;width:100%;height:500px;padding:2rem}.photo-deck{position:relative;height:100%;width:100%;perspective:1000px}.deck-photo{position:absolute;overflow:hidden;border-radius:.5rem;border-width:4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;width:300px;height:400px;left:50%;transform-origin:center bottom;transform:translate(calc(-50% + (var(--photo-index) * 60px - (var(--photo-count) * 30px)))) translateY(calc(var(--photo-index) * 5px));animation:card-blow-up 4s ease-in-out infinite}.deck-photo:nth-child(2n){animation-delay:.5s}.deck-photo:nth-child(3n){animation-delay:1s}.deck-photo-link{position:relative;display:block;height:100%;width:100%;cursor:pointer;transition:transform .3s ease-out}.deck-photo-details{position:absolute;left:0;right:0;bottom:0;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.deck-photo-details>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.deck-photo-details{background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(17 24 39 / .8) var(--tw-gradient-to-position);padding:1rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deck-photo:hover{transform:translate(calc(-50% + (var(--photo-index) * 60px - (var(--photo-count) * 30px)))) translateY(calc(var(--photo-index) * 5px - 20px)) scale(1.05);box-shadow:0 0 30px #00ffff4d}@media (max-width: 768px){.deck-photo{transition-duration:.3s;animation:card-blow-up 6s ease-in-out infinite}@keyframes card-blow-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.deck-photo:hover{transform:translate(calc(-50% + (var(--photo-index) * 60px - (var(--photo-count) * 30px)))) translateY(calc(var(--photo-index) * 5px - 10px)) scale(1.02);box-shadow:0 0 15px #0ff3}.deck-photo:after{display:none}}.photo-caption{font-size:.875rem;line-height:1.25rem;line-height:1.375;--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.photo-tech-details{display:flex;flex-direction:column;gap:.25rem;font-family:GTAmerica-Light;font-size:.75rem;line-height:1rem}.camera{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.settings{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}@keyframes pulse{0%{box-shadow:0 0 20px #00ffff4d}50%{box-shadow:0 0 40px #00ffff80}to{box-shadow:0 0 20px #00ffff4d}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes card-blow-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.retro-container:before{content:"";pointer-events:none;position:fixed;inset:0;background:linear-gradient(transparent 50%,#00ffff05 50%);background-size:100% 4px;animation:scan 1s linear infinite}.deck-photo:after{content:"";position:absolute;inset:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(45deg,rgba(0,255,255,.1) 0%,transparent 100%)}.deck-photo:hover:after{opacity:1}.feed-item:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.1) 2px,rgba(0,255,255,.1) 4px)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#fff3}.draggable-area:active{cursor:grabbing}.isTransitioning .sticky-note,.isTransitioning .deck-photo{animation-play-state:paused}