*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media(max-width:767px){html{font-size:14px}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fafafa;color:#0a0a0a;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.app{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden}.canvas-wrapper{position:absolute;inset:0;z-index:1}.ui-overlay{position:fixed;inset:0;pointer-events:none;z-index:50}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeIn 1s ease .5s both}.scroll-hint__text{font-family:Caveat,cursive;font-size:1rem;color:#666}.scroll-hint__arrow{font-size:1.5rem;color:#0a0a0a;animation:bounce 2s ease infinite}.instructions{position:absolute;bottom:1rem;right:1rem}.instructions p{font-family:Caveat,cursive;font-size:.9rem;color:#888;background:#ffffffe6;padding:.5rem 1rem;border-radius:20px;border:1px solid #eee}@media(max-width:767px){.instructions{bottom:auto;top:1rem;right:1rem}.instructions p{font-size:.75rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.ui-overlay,.scroll-hint,.instructions{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}.preloader{position:fixed;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background-color:#fff;background-image:url(/textures/paper-texture.webp);background-size:cover;background-position:center;background-blend-mode:multiply;--mask-size: 0%;-webkit-mask-image:radial-gradient(circle at center,transparent var(--mask-size),black calc(var(--mask-size) + .5px));mask-image:radial-gradient(circle at center,transparent var(--mask-size),black calc(var(--mask-size) + .5px));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.preloader__content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.preloader__logo{display:flex;align-items:center;justify-content:center;font-size:clamp(4rem,12vw,8rem);font-family:Gloria Hallelujah,cursive;font-weight:700;letter-spacing:.1em;color:#0a0a0a}.preloader__logo-text{color:#0a0a0a}.preloader__logo-accent-wrapper{display:flex;align-items:center;justify-content:center;width:.7em;height:1em;margin:0 .05em;position:relative}.preloader__logo-accent{width:100%;height:100%;color:#39ff14;transform-origin:center center;overflow:visible}.preloader__logo-accent circle{vector-effect:non-scaling-stroke;will-change:stroke-dashoffset}