:root{--font-family: "system-ui", sans-serif;--color-bg: #fbf6ef;--color-button: #ead7c3;--color-heading: #dce0d9;--color-text: #1a1a1a}body{margin:0;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text)}button{font-family:inherit;border-radius:12px;border:1px solid var(--color-heading);padding:.6em 1.2em;font-size:1em;cursor:pointer;transition:background-color .2s,border-color .2s;background-color:var(--color-button);color:var(--color-text)}button:hover{border-color:var(--color-text)}.card{background:#fff;border:1px solid var(--color-heading);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000d}.progress-bar{height:8px;background-color:var(--color-heading);border-radius:4px}.progress-bar-fill{height:100%;background-color:var(--color-button);border-radius:4px}.card{background:#fff;border:1px solid var(--color-grey);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000d}.progress-bar{height:8px;background-color:var(--color-grey);border-radius:4px}.progress-bar-fill{height:100%;background-color:var(--color-cool);border-radius:4px}