body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, 
sans-serif; margin: 0; background: #fff; color: #111; }
.wrap { max-width: 720px; margin: 48px auto; padding: 0 16px; }
.hint { opacity: .8; line-height: 1.4; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 18px 0 28px; 
}
.btn { padding: 12px 16px; border: 1px solid #ddd; border-radius: 10px; 
text-decoration: none; background: #f7f7f7; color: #111; cursor: pointer; 
}
.btn.primary { background: #111; color: #fff; border-color: #111; }
.wheel { position: relative; width: 260px; height: 260px; margin: 24px 0; 
}
.pointer { position: absolute; top: -8px; left: 50%; transform: 
translateX(-50%); font-size: 24px; }
.disc { width: 100%; height: 100%; border-radius: 50%; border: 10px solid 
#111; display: grid; place-items: center; font-weight: 800; 
letter-spacing: .08em; }
.result { padding: 14px; background: #f7f7f7; border-radius: 12px; border: 
1px solid #eee; }