:root{--color-bg: #F3EDF7;--color-ink: #1A1A1A;--color-white: #ffffff;--color-cream: #F7F4E6;--color-teal: #7FE6D0;--color-magenta: #B48CF2;--color-yellow: #F7CF4A;--color-gold: #F7CF4A;--color-green: #C2E84B;--color-orange: #F79AC6;--color-blue: #B48CF2;--color-lavender: #E7DCFB;--color-red: #E5484D;--nb-border-w: 3px;--nb-border: 3px solid #1A1A1A;--font-display: "Archivo", sans-serif;--font-mono: "Space Mono", monospace;--frame-w: 384px;--frame-h: 832px;--frame-radius: 0px}*{box-sizing:border-box}.phone-viewport{height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.scroll-fade-bottom{mask-image:linear-gradient(to bottom,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 28px),transparent 100%)}body{margin:0;background-color:var(--color-bg);font-family:var(--font-display);-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;transition:transform .1s ease}button:active{transform:scale(.96)}*{-webkit-tap-highlight-color:rgba(26,26,26,.16)}::-webkit-scrollbar{width:0;height:0}@keyframes skeletonShimmer{to{background-position:-100% 0}}@keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}.spinner{position:relative;width:88px;height:88px;animation:spinner-cube-spin 2s infinite ease;transform-style:preserve-3d}.spinner>div{background-color:#b48cf273;height:100%;position:absolute;width:100%;border:4px solid #ffffff}.spinner div:nth-of-type(1){transform:translateZ(-44px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(44px)}@keyframes spinner-cube-spin{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}