:root{--teal: #0D7A8C;--teal-dark: #095F6D;--teal-light: #E6F4F6;--teal-mid: #4DA8B8;--coral: #E07A5F;--coral-light: #FAF0EC;--lavender: #B5A0C4;--lav-light: #F0EDF5;--sage: #8BA888;--cream: #F8F5F0;--text: #2A3240;--text-muted: #6B7A8D;--border: #E2DDD7;--font-serif: "Fraunces", serif;--font-sans: "DM Sans", sans-serif;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.2}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font-sans);border:none;outline:none}a{color:inherit;text-decoration:none}.screen{height:100%;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px}.screen-padded{padding:24px 20px}