:root{--radius:12px;--max-width:30rem}[data-theme=blue]{--brand-bg:#002aff;--brand-text:#ffc7eb}[data-theme=coral]{--brand-bg:#ff4400;--brand-text:#ffc7eb}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--brand-bg);color:var(--brand-text);font-family:Google Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-optical-sizing:auto;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}body:before{content:"";position:fixed;inset:20px;border:20px solid var(--brand-text);pointer-events:none;z-index:10}