:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paddle:4.5rem}*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(160deg,#6a8dff 0%,#b06cf0 55%,#ff8fb1 100%) fixed;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.home{width:100%;height:100dvh;position:relative}.track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;height:100%;display:flex;overflow:auto hidden}.track::-webkit-scrollbar{display:none}.screen{scroll-snap-align:start;scroll-snap-stop:always;height:100%;padding:3rem calc(var(--paddle) + 1rem) 4rem;flex:0 0 100%;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));justify-items:center;gap:2.5rem 1.5rem;max-width:62rem;margin:0 auto;padding:0;list-style:none;display:grid}.app{color:#fff;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;display:flex}.icon{border-radius:1.75rem;place-items:center;width:7.5rem;height:7.5rem;font-size:4.25rem;line-height:1;transition:transform .12s;display:grid;box-shadow:0 6px 16px #0000004d}.app:active .icon{transform:scale(.92)}.app:focus-visible .icon{outline-offset:4px;outline:4px solid #fff}.label{text-shadow:0 1px 4px #00000073;font-size:1.5rem;font-weight:700}.paddle{z-index:1;width:var(--paddle);color:#4a3a8a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:0;border-radius:1.5rem;height:7rem;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000040}.paddle-left{left:.5rem}.paddle-right{right:.5rem}.paddle:active:not(:disabled){transform:translateY(-50%)scale(.94)}.paddle:disabled{opacity:.3;cursor:default}.dots{pointer-events:none;justify-content:center;gap:.9rem;display:flex;position:absolute;bottom:1.25rem;left:0;right:0}.dot{background:#ffffff73;border-radius:50%;width:.9rem;height:.9rem}.dot-active{background:#fff}@media (max-width:600px){:root{--paddle:3.25rem}.screen{padding:2rem calc(var(--paddle) + .5rem) 4rem}.grid{grid-template-columns:repeat(2,1fr);gap:2rem .5rem}.icon{width:6.5rem;height:6.5rem;font-size:3.5rem}.paddle{height:6rem;font-size:1.5rem}.paddle-left{left:.25rem}.paddle-right{right:.25rem}}@media (prefers-reduced-motion:reduce){.icon{transition:none}}