@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;600&display=swap";:root{--bg-color:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--accent-color:#000;--gap:4px;--banner-height:200px;--profile-size:100px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:Outfit,sans-serif}.app-container{max-width:100vw;margin:0 auto}.banner-section{width:100%;height:var(--banner-height);margin-bottom:var(--gap);position:relative;overflow:visible}.banner-section:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(#0000,#000000b3);height:60%;position:absolute;bottom:0;left:0;right:0}.banner-image{object-fit:cover;width:100%;height:100%;display:block}.profile-container{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.profile-photo{width:var(--profile-size);height:var(--profile-size);object-fit:cover;transition:var(--transition);border:none;border-radius:50%;box-shadow:0 8px 24px #0003}.profile-photo:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026}.user-name{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 4px #0000004d;margin-top:8px;font-size:1.5rem;font-weight:300}.photo-stream-grid{padding:var(--gap);gap:var(--gap);width:100%;display:flex}.photo-column{gap:var(--gap);flex-direction:column;flex:1;display:flex}.photo-item{cursor:pointer;background-color:#f5f5f5;width:100%;position:relative;overflow:hidden}.photo-item img{width:100%;height:auto;transition:var(--transition);display:block}.photo-item:hover img{filter:brightness(.9);transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.photo-item{animation:.6s forwards fadeIn}@media (width<=600px){:root{--banner-height:150px;--profile-size:80px}}.fullscreen-overlay{z-index:1000;cursor:zoom-out;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-image{object-fit:contain;max-width:100%;max-height:100%;animation:.3s cubic-bezier(.4,0,.2,1) imageScaleIn;box-shadow:0 0 50px #00000080}@keyframes imageScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-button{color:#fff;cursor:pointer;z-index:1010;transition:var(--transition);opacity:.7;background:0 0;border:none;font-size:3rem;font-weight:200;line-height:1;position:absolute;top:20px;right:30px}.close-button:hover{opacity:1;transform:rotate(90deg)}@media (width<=768px){.close-button{font-size:2.5rem;top:15px;right:20px}}.scroll-sentinel{justify-content:center;align-items:center;width:100%;height:150px;margin-top:20px;display:flex}.loader-dots{gap:8px;display:flex}.loader-dots span{background-color:var(--text-secondary);opacity:.3;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both dotPulse}.loader-dots span:first-child{animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-screen{background-color:var(--bg-color);z-index:2000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}