: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-scrollbar{width:0;height:0}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.55}}