:root{--petrol: #18636D;--petrol-dark: #0E4750;--petrol-light: #5A9AA4;--sand: #E8B87E;--creme: #F6EFE4;--ink: #1A1D1E;--steel: #4A5154;--stone: #98A0A4;--red: #C0392B;--orange: #C87814}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--creme);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column;align-items:center;background:var(--stone)}.app-shell{width:100%;max-width:430px;height:100%;background:var(--creme);display:flex;flex-direction:column;position:relative;overflow:hidden}h1,h2,h3{font-family:"DM Serif Display",Georgia,serif}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none;outline:none}input,textarea{font-family:DM Sans,sans-serif;outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--stone);border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}