/* Native modal contains the guide; the real app remains visible but inert. */
#appIntroDialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;border:0;background:transparent;color:var(--t);overflow:hidden;overscroll-behavior:contain}
#appIntroDialog::backdrop{background:transparent}
body.app-intro-active .tabs{transition:none!important}
.intro-shade{position:fixed;background:rgba(0,7,15,.78);pointer-events:none}
#appIntroSpotlight{position:fixed;pointer-events:none;border:2px solid #63dfff;border-radius:12px;box-shadow:0 0 0 4px #63dfff25,0 0 30px #45d6ff30}
#appIntroPanel{position:fixed;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain;padding:24px;border:1px solid #376986;border-radius:22px;background:linear-gradient(145deg,#112c42,#071421);box-shadow:0 18px 80px #000a;line-height:1.55}
#appIntroPanel> *{flex-shrink:0}#appIntroContent{flex-shrink:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px;margin-right:-3px}
#appIntroDialog [hidden]{display:none!important}
.intro-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
#appIntroEyebrow{color:#83dff6;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#appIntroCount{color:#c4d6e4;font-size:12px;white-space:nowrap}
#appIntroTitle{font-size:25px;line-height:1.18;margin:17px 0 12px;outline:none;letter-spacing:-.025em}
#appIntroBody{font-size:14px;color:#d9e6f1;margin:0 0 16px}
#appIntroPath{font-size:12px;color:#9ce5f8;background:#071522;padding:11px 13px;border-radius:10px;border:1px solid #24465c}
#appIntroHint{font-size:12px;color:#f5dd9f;background:#46392055;padding:12px;border-left:2px solid #dbb760;border-radius:6px;margin:12px 0 0}
#appIntroProgress{display:block;width:100%;height:4px;border:0;border-radius:8px;background:#25455b;accent-color:#6fdef5;margin:19px 0 17px;overflow:hidden}
#appIntroProgress::-webkit-progress-bar{background:#25455b}#appIntroProgress::-webkit-progress-value{background:#6fdef5}#appIntroProgress::-moz-progress-bar{background:#6fdef5}
.intro-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.intro-actions>div{display:flex;gap:8px;margin-left:auto}
#appIntroDialog button{cursor:pointer;min-height:44px}#appIntroDialog button:focus-visible,#appIntroDialog input:focus-visible{outline:3px solid #85e6ff;outline-offset:3px}
.intro-text-button{border:0;background:transparent;color:#b4c9dc;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:8px 2px}
.intro-sync-line{font-size:11px;color:#a4bed1;display:flex;align-items:center;gap:10px;margin-top:12px}.intro-sync-line button{font-size:11px}
.intro-practice{background:#071421;border:1px solid #294b62;border-radius:12px;padding:14px;margin-top:16px}.intro-practice-head{display:flex;justify-content:space-between;gap:12px;font-size:13px}.intro-practice-head span{color:#83e6b4}.intro-practice p{font-size:12px;color:#b8cddb;margin:8px 0 12px}
.intro-practice-labels,.intro-practice-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 42px;align-items:center;gap:8px}.intro-practice-labels{font-size:10px;color:#a9c0d3;margin-bottom:5px}.intro-practice-row{margin:8px 0;font-size:12px}.intro-practice-row input{width:100%;min-width:0;min-height:44px;padding:10px 6px;font-size:14px;border:1px solid #325269;background:#0c2031;color:#f5fbff;border-radius:8px}.intro-practice-row input::placeholder{font-size:10px;color:#9fb5c7}.intro-practice-row.is-done input{border-color:#418b6e}
.intro-set-done{width:42px;min-height:44px;border-radius:50%;border:1px solid #3c6a84;color:#c9deee;background:#102f43;font-size:21px}.intro-set-done[aria-pressed=true]{background:#a0edc5;color:#072a20;border-color:#a0edc5}.intro-practice-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.intro-practice #introPracticeFeedback{margin:12px 0 0;color:#cce9db}
.intro-path-list{margin:16px 0 0;font-size:12px}.intro-path-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #294357}.intro-path-list dt{font-weight:800;color:#dfeef7}.intro-path-list dd{margin:0;color:#b5ccdf}
.intro-help-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.intro-help-card h2{margin:4px 0 6px}.intro-help-card p{margin:0;color:var(--m);font-size:14px}.intro-help-card button{white-space:nowrap}
@media(max-width:600px){#appIntroPanel{padding:19px;border-radius:18px}#appIntroTitle{font-size:23px}#appIntroBody{font-size:13px}.intro-help-card{align-items:flex-start;flex-direction:column;gap:14px}.intro-path-list>div{grid-template-columns:95px 1fr;gap:10px}.intro-practice{padding:10px}.intro-practice-labels,.intro-practice-row{gap:5px;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 42px}.intro-practice-labels{font-size:9px}.intro-actions .btn{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){#appIntroDialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}