/* Only the coach is tutorial-specific. Reader, gestures, Aa and lookup UI are shared. */
#onboarding[hidden],#onboarding [hidden]{display:none!important;}
#onboarding{position:fixed;inset:0;z-index:75;pointer-events:none;color:var(--ink);font-family:var(--ui);}
#onboard-skip{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:16px;pointer-events:auto;border:1px solid var(--chrome-line);border-radius:999px;background:var(--chrome-paper);color:var(--soft);padding:10px 15px;font:500 12px var(--ui);cursor:pointer;backdrop-filter:blur(18px);}
#onboard-coach{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 80px);transform:translateX(-50%);width:min(360px,calc(100% - 32px));box-sizing:border-box;padding:17px 20px;border:1px solid var(--sentence-glass-line);border-radius:22px;background:var(--sentence-glass-pill);box-shadow:var(--sentence-glass-shadow-pill);backdrop-filter:blur(19px) saturate(122%);-webkit-backdrop-filter:blur(19px) saturate(122%);pointer-events:auto;}
#onboard-step{color:var(--soft);font:600 11px/1.4 var(--ui);letter-spacing:.02em;}
#onboard-prompt{white-space:pre-line;margin:8px 0 0;font:500 15px/1.65 var(--ui);word-break:keep-all;}
#onboard-note{margin:10px 0 0;font:400 11px/1.6 var(--ui);color:var(--soft);word-break:keep-all;}
#onboard-next{width:100%;min-height:44px;margin-top:14px;border:0;border-radius:12px;background:var(--blue);color:white;font:600 14px var(--ui);cursor:pointer;}
body.onboarding-active #readwrap{padding-top:calc(env(safe-area-inset-top) + 64px);padding-bottom:300px;}
body.onboarding-active #rhint,body.onboarding-active #p-saved-senses-sec,body.onboarding-active #p-saved-senses,body.onboarding-active #p-word-tools,body.onboarding-active #p-status,body.onboarding-active #p-status-label{display:none!important;}
body.onboarding-active .onboard-target{outline:2px solid var(--blue);outline-offset:5px;}
@media (max-height:500px){#onboard-coach{left:auto;right:12px;transform:none;width:250px;padding:12px 15px;}#onboard-prompt{font-size:13px;}body.onboarding-active #readwrap{padding-bottom:260px;}}
body.onboarding-active #rtitle:focus{outline:none;}