:root{--serif: "Frank Ruhl Libre", Georgia, "Times New Roman", serif;--sans: "Rubik", -apple-system, system-ui, sans-serif;--paper: oklch(.968 .012 70);--paper-2: oklch(.94 .015 70);--ink: oklch(.22 .015 45);--ink-2: oklch(.48 .015 45);--ink-3: oklch(.68 .01 60);--line: oklch(.88 .012 60);--board: oklch(.91 .015 70);--accent: oklch(.58 .14 30);--accent-dark: oklch(.38 .1 30);--accent-soft: oklch(.94 .03 40);--r-sm: 8px;--r-md: 14px;--r-lg: 20px}body.theme-dark{--paper: oklch(.17 .012 50);--paper-2: oklch(.21 .012 50);--ink: oklch(.94 .01 70);--ink-2: oklch(.72 .012 60);--ink-3: oklch(.5 .012 60);--line: oklch(.28 .012 50);--board: oklch(.12 .012 50);--accent-soft: oklch(.28 .05 30)}body.hue-orange{--accent: oklch(.65 .17 40);--accent-dark: oklch(.45 .14 40);--accent-soft: oklch(.95 .04 55)}body.hue-green{--accent: oklch(.5 .1 145);--accent-dark: oklch(.35 .08 145);--accent-soft: oklch(.94 .03 145)}body.hue-plum{--accent: oklch(.45 .12 340);--accent-dark: oklch(.32 .1 340);--accent-soft: oklch(.94 .03 340)}body.hue-navy{--accent: oklch(.4 .1 250);--accent-dark: oklch(.28 .08 250);--accent-soft: oklch(.94 .025 250)}body.serif-off{--serif: "Rubik", -apple-system, system-ui, sans-serif}body.serif-off em{font-style:normal}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--sans);color:var(--ink);background:var(--board);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}.shell,.gate{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;font-family:var(--sans);background:radial-gradient(1000px 560px at 50% -5%,var(--accent-soft),transparent 62%),var(--board)}.gate{align-items:center;padding:20px}.frame{width:100%;height:100vh;height:100dvh;background:var(--paper);position:relative;display:flex;flex-direction:column;overflow:hidden}@media(min-width:480px){.shell{align-items:center;padding:12px}.frame{width:390px;height:min(844px,calc(100vh - 24px));height:min(844px,calc(100dvh - 24px));border-radius:44px;box-shadow:0 30px 80px -20px #00000040,0 10px 30px -10px #00000026}body.theme-dark .frame{box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px var(--line)}}button{font-family:var(--sans)}input,textarea{font-family:var(--sans);color:var(--ink)}::-webkit-scrollbar{width:0;height:0}