@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@800&display=swap";:root{--base-100: #f8f8f8;--base-400: #4a4a4a;--base-900: #1a1a1a;--bg-primary: #f5f5f3;--bg-secondary: #1a1a1a;--text-primary: #2d2d2d;--text-secondary: #6b6b6b;--accent: #8b8b8b}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:IBM Plex Mono,monospace;background:var(--bg-primary);cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}body.dragging{cursor:grabbing}#gallery{position:relative;width:100vw;height:100svh}.logo{position:fixed;top:2rem;left:2rem;z-index:1000;pointer-events:none;transition:all .3s ease}.logo span{display:inline-block;font-family:PP Pangram Sans,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.02em;padding:.75rem 1.25rem;background:var(--base-100);color:var(--base-400);border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.logo.logo-inverted span{background:var(--base-900);color:var(--base-100)}@media(max-width:768px){.logo{top:1.5rem;left:1.5rem}.logo span{font-size:1.25rem;padding:.5rem 1rem}}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(245,245,243,.1) 70%,rgba(245,245,243,.75) 90%,rgba(245,245,243,1) 100%)}