dialog#app-intro[open]{display:flex!important;flex-direction:column;width:min(520px,calc(100vw - 28px))!important;height:700px!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:0!important;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:0 24px 90px var(--shadow-3);overflow:hidden!important}
#app-intro .intro-top{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 8px;flex:none;min-height:56px}#app-intro .tour-position{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}#app-intro .tour-position>span:last-child{letter-spacing:1px;color:var(--muted);font-weight:500}#app-intro .intro-top button{width:40px;min-height:40px;padding:0;border-radius:50%;background:var(--surface-2);color:var(--ink);font-size:23px}
#app-intro .intro-body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:auto;padding:0 22px;overscroll-behavior:contain}#app-intro .tour-scene{height:200px;border-radius:22px;position:relative;overflow:hidden;background:var(--tint);margin:8px 0 24px}#app-intro .tour-scene-training{background:var(--tint)}#app-intro .tour-scene-agenda{background:var(--tint)}#app-intro .tour-scene-progress{background:var(--tint)}#app-intro .tour-scene-diary{background:var(--tint)}#app-intro .tour-orbit{position:absolute;width:260px;height:260px;border:1px solid var(--glass-2);border-radius:50%;left:-95px;top:-65px;box-shadow:0 0 0 28px var(--glass-2),0 0 0 58px var(--glass-2)}#app-intro .tour-icon{position:absolute;left:19px;top:31px;width:116px;height:116px;transform:rotate(-11deg);filter:drop-shadow(0 10px 10px var(--shadow-1))}#app-intro .tour-icon img{display:block;width:100%;height:100%}#app-intro .tour-preview{position:absolute;width:62%;right:18px;top:40px;background:var(--frost);box-shadow:0 12px 26px var(--shadow-1);padding:16px;border:1px solid var(--glass-2);border-radius:17px;transform:rotate(5deg)}#app-intro .tour-preview-label{display:block;color:var(--ink);font-weight:700;font-size:12px}#app-intro .tour-preview-chips{display:flex;gap:5px;margin-top:12px}#app-intro .tour-preview-chips span{padding:5px 8px;font-size:9px;background:var(--surface-2);color:var(--muted);border-radius:20px}#app-intro .tour-mini-lines{display:grid;gap:7px;margin:16px 0}#app-intro .tour-mini-lines i{height:6px;width:100%;background:var(--tint);border-radius:5px}#app-intro .tour-mini-lines i:nth-child(2){width:72%;background:var(--lime)}#app-intro .tour-mini-lines i:nth-child(3){width:48%}#app-intro .tour-spark{position:absolute;right:24px;top:9px;color:var(--ok);font-size:26px}#app-intro .tour-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px;text-align:center}#app-intro .tour-week small{font-size:8px;color:var(--muted)}#app-intro .tour-week i{display:grid;place-items:center;font-size:10px;font-style:normal;height:22px;margin-top:5px;border-radius:6px;background:var(--surface-2);color:var(--muted)}#app-intro .tour-week .planned{background:var(--lime);color:var(--on-accent)}#app-intro .tour-trend{display:block;width:100%;height:66px;margin-top:10px}
#app-intro .tour-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--muted);margin:0 0 9px}#app-intro #app-intro-title{font-size:30px;letter-spacing:-.9px;line-height:1.13;margin:0 0 14px;color:var(--ink);max-width:360px}#app-intro .tour-description{font-size:14px;color:var(--muted);line-height:1.6;margin:0}#app-intro .tour-benefits{list-style:none;display:grid;gap:10px;padding:0;margin:20px 0}#app-intro .tour-benefits li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;color:var(--ink)}#app-intro .tour-benefits li>span{display:grid;place-items:center;flex:0 0 23px;height:23px;background:var(--tint);border-radius:50%;font-size:11px;color:var(--ok)}#app-intro .tour-note{font-size:11px;color:var(--muted);line-height:1.55;margin:0 0 20px}
#app-intro .intro-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin:0;padding:16px 22px 20px;min-height:0;border-top:1px solid var(--line);background:var(--surface)}#app-intro .tour-dots{display:flex;gap:5px}#app-intro .tour-dots>span{width:5px;height:5px;border-radius:6px;background:var(--tint)}#app-intro .tour-dots .is-current{width:18px;background:var(--brand-fill)}#app-intro .tour-navigation{display:flex;gap:8px}#app-intro .intro-controls button{min-height:46px;padding:11px 16px;font-size:13px;border-radius:13px}#app-intro .intro-controls .primary{background:var(--lime)!important;color:var(--on-accent)!important;display:flex;align-items:center;gap:8px;white-space:nowrap}#app-intro .intro-controls .secondary{border:0;background:transparent;color:var(--muted);padding-inline:8px}
@media(min-width:600px){#app-intro .intro-body{padding-inline:30px}#app-intro .intro-top,#app-intro .intro-controls{padding-inline:30px}#app-intro .tour-scene{height:220px}#app-intro .tour-preview{top:50px}#app-intro .tour-icon{top:40px;width:135px;height:135px}}
@media(max-width:360px){#app-intro .intro-body{padding-inline:18px}#app-intro .tour-scene{height:170px;margin-bottom:20px}#app-intro .tour-icon{width:96px;height:96px;left:10px;top:29px}#app-intro .tour-preview{right:12px;top:29px;padding:12px}#app-intro .tour-preview-label{font-size:10px}#app-intro #app-intro-title{font-size:27px}#app-intro .intro-controls{padding-inline:18px}#app-intro .tour-preview-chips span{padding:4px 6px;font-size:8px}}
@media(max-height:680px){#app-intro .tour-scene{height:145px;margin-bottom:16px}#app-intro .tour-icon{top:20px;width:94px;height:94px}#app-intro .tour-preview{top:17px;padding:11px}#app-intro .tour-preview-chips{margin-top:8px}#app-intro .tour-mini-lines{margin:12px 0;gap:5px}#app-intro .tour-trend{height:48px}#app-intro .tour-benefits{margin:14px 0;gap:8px}#app-intro .tour-description{font-size:13px}#app-intro .intro-top{padding-top:8px}#app-intro .intro-controls{padding-block:10px}}


#app-intro .intro-top button{display:grid;place-items:center;height:40px;min-width:40px;flex:0 0 40px;line-height:1}
#app-intro .intro-top button svg{display:block;width:18px;height:18px}
#app-intro #app-intro-title{min-height:2.26em}

.tour-overview{padding-top:24px!important}.tour-overview h2{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 12px}.tour-feature-list{display:grid;gap:18px;margin:24px 0}.tour-feature-list article{display:flex;gap:14px;align-items:center}.tour-feature-list img{flex:none;width:48px;height:48px}.tour-feature-list strong{font-size:16px}.tour-feature-list p{font-size:13px;line-height:1.4;margin:4px 0 0;color:var(--muted)}.tour-overview+.intro-controls{display:grid;gap:6px}.tour-overview+.intro-controls>button{margin:0;width:100%}