html,body,#root{background-color:var(--surface-bg,oklch(16.8% .016 261.5));height:100%;margin:0}#root{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes auth-form-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-form-panel{animation:.28s cubic-bezier(.23,1,.32,1) forwards auth-form-enter}.magic-fab-menu-enter{animation:.25s cubic-bezier(.23,1,.32,1) both fadeup}@media (prefers-reduced-motion:reduce){.auth-form-panel{animation:none}}@keyframes portfolio-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-card-enter{animation:.32s cubic-bezier(.23,1,.32,1) forwards portfolio-card-enter}@media (hover:hover) and (pointer:fine){.portfolio-card-hover:hover{transform:translateY(-3px)}}@keyframes portfolio-favorite-pop{0%{transform:scale(1)}35%{transform:scale(1.2)}to{transform:scale(1)}}.portfolio-favorite-pop{animation:.38s cubic-bezier(.23,1,.32,1) portfolio-favorite-pop}@keyframes pay-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pay-enter{animation:.22s cubic-bezier(.23,1,.32,1) forwards pay-enter}.pay-stagger{opacity:0;animation:.22s cubic-bezier(.23,1,.32,1) forwards pay-enter}@media (prefers-reduced-motion:reduce){.portfolio-card-enter,.portfolio-favorite-pop,.pay-enter,.pay-stagger,.auth-form-panel,.magic-fab-menu-enter{opacity:1;animation:none;transform:none}.portfolio-card-hover:hover{transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}