@layer base{*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-canvas);color:var(--color-fg)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer}img,picture,svg,video{max-width:100%;display:block}pre{white-space:pre-wrap}}