:root{color-scheme:light dark;font-family:system-ui,sans-serif;color:#38282f;background:#fff8f6}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:32px 22px}.eyebrow{font-size:11px;letter-spacing:3px;color:#8c405e}h1{font:44px/1.15 Georgia,serif;letter-spacing:-1px;margin:22px 0}h2{font:26px Georgia,serif}.intro,.balance p{line-height:1.7;color:#78626a}.balance{padding:20px 24px;background:#f6e6e9;border:1px solid #e6c9d2;border-radius:28px;margin:28px 0}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}article{border:1px solid #e6c9d2;border-radius:24px;padding:20px;background:#fff;box-shadow:0 7px 20px #8c405e0a}h3{font-size:14px;color:#8c405e}.coins{font-size:26px;font-weight:650}button{width:100%;min-height:48px;border:0;border-radius:14px;background:#914463;color:white;font-weight:600;font-size:16px}button:disabled{opacity:.45}#status{font-size:14px;line-height:1.6}footer{display:flex;gap:24px;margin-top:30px}a{color:#914463}@media(prefers-color-scheme:dark){:root{background:#251f22;color:#faeef1}.balance,article{background:#392b32;border-color:#654451}.intro,.balance p{color:#ccb9c0}h3,.eyebrow,a{color:#f1b7cd}}