@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;0,600;1,500&family=Karla:wght@400;500;600;700&display=swap";:root{--bg:oklch(97% .015 85);--surface:oklch(99% .008 85);--ink:oklch(27% .02 90);--muted:oklch(53% .02 90);--sage:oklch(52% .07 155);--sage-light:oklch(91% .035 150);--terracotta:oklch(60% .13 45);--terracotta-light:oklch(93% .035 50);--line:oklch(89% .012 85);--white:oklch(99% 0 0)}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{color:var(--ink);font-family:Karla,sans-serif}h1,h2,h3{margin:0;font-family:Newsreader,serif}a{color:var(--sage);text-decoration:none}a:hover{color:var(--terracotta)}button{cursor:pointer;background:0 0;border:none;font-family:Karla,sans-serif}input{font-family:Karla,sans-serif}.scrollarea{scrollbar-width:none;-ms-overflow-style:none}.scrollarea::-webkit-scrollbar{width:0;height:0}#root{justify-content:center;min-height:100dvh;display:flex}.app-shell{background:var(--bg);width:100%;max-width:480px;min-height:100dvh;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=481px){.app-shell{box-shadow:0 0 40px #0000000f}}