/* GENERATED by tools/generate.py */
/* Global styles from the design's <helmet> block */
html,body{margin:0;background:#050508;font-family:'Sora',sans-serif}a{color:var(--violet)}a:hover{color:var(--cyan)}
*::-webkit-scrollbar{display:none}
@keyframes octoSpin{to{transform:rotate(360deg)}}
@keyframes octoDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,40px) scale(1.12)}100%{transform:translate(0,0) scale(1)}}
@keyframes octoBreath{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
@keyframes octoShimmer{from{background-position:100% 0}to{background-position:0 0}}
@keyframes octoBand{from{transform:translateY(760px)}to{transform:translateY(-140px)}}
@keyframes octoFrame{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes octoInhale{0%,46%{opacity:1}50%,96%{opacity:0}100%{opacity:1}}
@keyframes octoExhale{0%,46%{opacity:0}50%,96%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* App frame (replaces the prototype device mock) */
html,body{height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
#root{height:100%}
.ol-frame{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050508}
.ol-screen{position:relative;width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}
@media (min-width:520px) and (min-height:760px){
  .ol-screen{width:402px;height:min(874px,calc(100dvh - 48px));border-radius:44px;box-shadow:0 40px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}
}

/* Pseudo-class styles (style-hover / style-focus / style-active in the design) */
.ol-hover-0:hover{box-shadow:var(--glow-violet) !important}
.ol-hover-1:hover{border-color:var(--violet) !important}
.ol-hover-2:hover{transform:translateY(-4px) !important;box-shadow:var(--glow-violet) !important;border-color:var(--violet) !important}
.ol-focus-3:focus{border-color:var(--violet) !important;box-shadow:var(--glow-violet) !important}
.ol-hover-4:hover{transform:translateY(-4px) !important}
.ol-active-5:active{border-color:var(--violet) !important}
.ol-active-6:active{transform:scale(0.98) !important}
.ol-active-7:active{transform:scale(0.9) !important}
.ol-hover-8:hover{border-color:var(--violet) !important;box-shadow:var(--glow-violet) !important}