:root{--gd-bg: #0a0a0f;--gd-surface: rgba(22, 22, 34, .72);--gd-border: rgba(139, 92, 246, .22);--gd-neon-a: #6366f1;--gd-neon-b: #a855f7;--gd-text: rgba(248, 250, 252, .96);--gd-muted: rgba(148, 163, 184, .85);--gd-radius: 20px;--gd-radius-lg: 24px;--gd-shadow: 0 24px 80px rgba(0, 0, 0, .55);--gd-glass: blur(20px) saturate(1.35)}.gallery-demo-page{min-height:100vh;background:var(--gd-bg);color:var(--gd-text);font-family:SF Pro Display,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.gallery-demo-page *{box-sizing:border-box}.gd-scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--gd-neon-a),var(--gd-neon-b));will-change:transform;pointer-events:none}.gd-masonry{column-count:2;column-gap:12px}@media (min-width: 640px){.gd-masonry{column-count:3;column-gap:14px}}@media (min-width: 1024px){.gd-masonry{column-count:4;column-gap:16px}}.gd-masonry-item{break-inside:avoid;margin-bottom:12px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;will-change:transform,box-shadow,opacity;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.gd-masonry-item img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;vertical-align:middle}.gd-masonry-item--tall img{aspect-ratio:3 / 4}.gd-magnetic{display:inline-flex;transition:transform .2s ease}.gd-footer-letter{display:inline-block;cursor:default;transition:transform .25s ease,color .25s ease}.gd-section-reveal{will-change:transform,opacity,filter}.gd-parallax-strip{position:relative;min-height:220px;border-radius:var(--gd-radius);overflow:hidden}.gd-marquee{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.gd-marquee-inner{display:inline-block;will-change:transform}.gd-floating-dot{position:fixed;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--gd-neon-a));pointer-events:none;z-index:999;mix-blend-mode:screen;opacity:.65;will-change:transform}.gd-particle-canvas{position:fixed;inset:0;pointer-events:none;z-index:1}.gd-timeline-wrap{position:relative;padding-left:28px}@media (min-width: 768px){.gd-timeline-wrap{padding-left:40px}}@font-face{font-family:Roboto Condensed;src:url(../fonts/roboto-condensed/RobotoCondensed-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(../fonts/roboto-condensed/RobotoCondensed-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--font-username: "Roboto Condensed", system-ui, -apple-system, sans-serif;--letter-spacing-username: .06em}*{margin:0;padding:0;box-sizing:border-box}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=file]):not([type=image]),textarea,select,[contenteditable=true]{font-size:16px!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@keyframes rippling{0%{opacity:1}to{transform:scale(2);opacity:0}}.ripple-effect{transform:scale(0)}@keyframes slideInFromRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes saveToastIn{0%{opacity:0;transform:translate3d(0,-56px,0) scale(.9)}60%{opacity:1;transform:translate3d(0,4px,0) scale(1.02)}80%{transform:translate3d(0,-2px,0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes reelSheetSlideUpBoom{0%{transform:translateY(100%);opacity:0}65%{transform:translateY(-10px);opacity:1}82%{transform:translateY(4px)}to{transform:translateY(0);opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes drawerContentIn{0%{opacity:0;transform:translate3d(-16px,0,0)}to{opacity:1;transform:translateZ(0)}}:root{--safe-area-test-top: env(safe-area-inset-top);--safe-area-test-left: env(safe-area-inset-left);--safe-area-test-right: env(safe-area-inset-right)}.perf-content-visibility-auto{content-visibility:auto;contain-intrinsic-size:auto 400px}html,body{overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}a{-webkit-touch-callout:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}#root{min-height:100%;min-height:100dvh;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (max-width: 768px){#root{min-height:100dvh}}@media (max-width: 1024px){html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch}#root{min-height:100%;height:auto!important;overflow-x:hidden;overflow-y:visible}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-top-min{padding-top:max(env(safe-area-inset-top),20px)}.safe-bottom-min{padding-bottom:0}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.navbar-safe{padding-top:env(safe-area-inset-top);min-height:calc(60px + env(safe-area-inset-top))}@media (display-mode: standalone){html,body{height:100dvh;min-height:100dvh}body{padding:0;background:#000}html,body,#root{padding-bottom:0!important;margin-bottom:0!important}#root{min-height:100dvh}}html,body,#root{padding-bottom:0!important;margin-bottom:0!important}body:after{content:"";display:block;position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom,0px);background:#f2f2f7;pointer-events:none;z-index:-1}@media (prefers-color-scheme: dark){body:after{background:#000}}@media (display-mode: standalone){body:after{background:#000}}body>div{padding-bottom:0!important;margin-bottom:0!important;max-width:100vw}body.profile-page .back-row{display:none!important}.page-container{margin-top:0!important;padding-top:0!important}.profile-header{margin-top:0!important;overflow:visible}.profile-top-section{margin-top:0!important;padding-top:env(safe-area-inset-top,0px)!important}.profile-hero-mobile-swipe{touch-action:pan-x pan-y!important;overscroll-behavior-x:contain;width:100%;max-width:100%}