.help-button { border: 1px solid var(--line); border-radius: 50%; font-weight: 800; color: var(--green); }
.onboarding-backdrop { position: fixed; inset: 0; z-index: 50; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(12,26,22,.68); backdrop-filter: blur(7px); }
.onboarding-backdrop.open { display: flex; }
.onboarding { position: relative; width: min(720px,100%); max-height: calc(100vh - 36px); overflow-y: auto; padding: 38px; border-radius: 22px; background: #fff; box-shadow: 0 25px 80px rgba(0,0,0,.25); animation: pop .25s ease; }
.onboarding-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; margin-bottom: 20px; background: var(--green); color: white; font: 800 21px Manrope,sans-serif; }
.onboarding h2 { margin: 9px 0 12px; font-size: 36px; }
.onboarding-lead { max-width: 610px; margin: 0 0 20px; color: var(--muted); line-height: 1.6; }
.voice-alert { display: flex; gap: 14px; padding: 17px; border: 1px solid #ead59e; border-radius: 13px; background: #fff9e9; }
.voice-alert-icon { font-size: 23px; }
.voice-alert p,.tutorial-steps p,.device-grid p { margin: 3px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.tutorial-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 20px 0; }
.tutorial-steps article { display: flex; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; }
.tutorial-steps article>span { flex: 0 0 27px; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--mint); color: var(--green); font-weight: 800; font-size: 12px; }
.voice-install { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 16px 0; }
.voice-install summary { cursor: pointer; font-weight: 700; color: var(--green); }
.device-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 17px; }
.device-grid div { padding: 14px; border-radius: 10px; background: #f5f7f4; }
.browser-note { margin: 14px 0 0; color: var(--muted); font-size: 11px; }
.remember-choice { display: flex; align-items: center; gap: 9px; margin: 19px 0; color: var(--muted); font-size: 12px; cursor: pointer; }
.remember-choice input { accent-color: var(--green); width: 16px; height: 16px; }
.onboarding-start { width: 100%; }
@media(max-width:650px){.onboarding{padding:30px 20px}.tutorial-steps,.device-grid{grid-template-columns:1fr}.onboarding h2{font-size:30px}.help-button{display:grid!important}}