/* Welcome and guided tour share the app's light/dark palette. */
.product-tour-card { width:min(390px,calc(100vw - 24px)); padding:22px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:28px; box-shadow:0 18px 70px #0004; animation:intro-enter .24s ease-out; }
.product-tour-card h2 { color:var(--ink); font-size:26px; line-height:1.2; letter-spacing:-.035em; margin:18px 0 12px; }
.product-tour-card #tour-description { color:var(--muted); font-size:15px; line-height:1.65; margin:0; }
.tour-card-top > span { color:var(--muted); letter-spacing:.12em; }
.tour-card-top button { width:36px; height:36px; background:var(--surface-2,var(--surface)); color:var(--ink); border:1px solid var(--line); }
.tour-steps { gap:5px; margin:12px 0 20px; }
.tour-steps i { flex:1; background:var(--line); }
.tour-steps i.is-current { background:var(--primary); }
.tour-feature { display:flex; align-items:center; gap:12px; color:var(--ink); font-size:13px; }
.tour-feature > span { display:grid; place-items:center; width:46px; height:46px; border-radius:16px; background:var(--primary-3); color:var(--primary); }
.tour-feature .icon { width:23px; height:23px; }
.tour-tip { display:flex; gap:10px; align-items:flex-start; padding:12px; margin-top:18px; border:1px solid var(--line); border-radius:15px; background:var(--primary-3); color:var(--ink); font-size:12px; line-height:1.5; }
.tour-tip .icon { flex:none; width:18px; height:18px; }
.product-tour-card footer { position:sticky; bottom:-22px; padding:18px 0 0; margin-top:4px; background:var(--surface); }
.product-tour-card footer > span { color:var(--muted); }
.product-tour-card footer .btn { min-height:44px; font-size:12px; }
.product-tour-card .link-btn { color:var(--ink); min-height:44px; }
.tour-backdrop { background:#14101a55; }
.tour-spotlight { box-shadow:0 0 0 9999px #14101a55; }
.onboarding { background:var(--bg); color:var(--ink); }
.onboarding__body { color:var(--ink); }
.onboarding__body h1 { color:var(--ink); font-size:clamp(28px,6vw,44px); line-height:1.15; letter-spacing:-.04em; }
.onboarding__body > p { color:var(--muted); font-size:16px; line-height:1.65; }
.onboarding .choice { color:var(--ink); transition:border-color .18s,background .18s; }
.onboarding .choice.is-active { color:var(--ink); background:var(--primary-3); }
.onboarding .level-choice small,.onboarding .level-choice.is-active small { color:var(--muted); }
.onboarding__step { background:var(--line); }
.welcome-features { display:grid; gap:12px; margin:22px 0; }
.welcome-features > span { display:flex; gap:12px; align-items:center; padding:12px 16px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--surface-2); font-size:14px; }
.welcome-features .icon { color:var(--primary); }
.onboarding__visual { height:24vh; min-height:160px; max-height:230px; }
.onboarding__body { min-height:76vh; padding:26px 24px calc(24px + var(--safe-bottom)); }
.onboarding__body .interest-choice { font-size:12px; text-align:left; }
.onboarding__actions { display:flex; align-items:center; gap:12px; }
.onboarding__actions .btn { flex:1; }
.onboarding__actions .link-btn { color:var(--ink); min-height:48px; }
.onboarding__body :focus-visible,.product-tour-card :focus-visible { outline:3px solid var(--primary); outline-offset:3px; }
@keyframes intro-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:900px) { .onboarding__layout { grid-template-columns:42% 58%; } .onboarding__visual { height:100vh; min-height:100vh; max-height:none; } .onboarding__body { min-height:100vh; padding:48px clamp(32px,5vw,72px); } }
@media(max-width:360px) { .product-tour-card { padding:18px; } .product-tour-card h2 { font-size:23px; } .product-tour-card #tour-description { font-size:14px; } .product-tour-card footer { bottom:-18px; } .onboarding__body { padding-left:18px; padding-right:18px; } }
@media(prefers-reduced-motion:reduce) { .product-tour-card { animation:none; } .tour-spotlight,.onboarding .choice { transition:none; } }