body.gs-training-pending{background:#101012!important}body.gs-training-pending > :not(.gs-tour-layer){visibility:hidden!important}
.gs-tour-open{overflow:hidden!important;overscroll-behavior:none!important}
.gs-tour-layer{position:fixed;inset:0;z-index:15000;pointer-events:none;font-family:inherit;color:#f7f4fb}
.gs-tour-shade{position:fixed;z-index:0;background:rgba(5,4,9,.76);pointer-events:auto}
.gs-tour-transition{position:fixed;inset:0;z-index:0;background:#101012;pointer-events:auto}
.gs-tour-focus{position:fixed;z-index:1;border:2px solid var(--primary,#b794f4);border-radius:16px;box-shadow:0 0 0 3px rgba(183,148,244,.12);pointer-events:none;animation:gsTourFocusIn .18s cubic-bezier(.2,.7,.2,1) both;transition:border-radius .16s ease}
.gs-tour-lock{position:fixed;z-index:2;display:block;padding:0;border:0;background:transparent;pointer-events:auto;cursor:default}
.gs-tour-card{position:fixed;z-index:3;width:min(340px,calc(100vw - 28px));box-sizing:border-box;padding:15px 16px 13px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(27,25,32,.98);box-shadow:0 18px 60px rgba(0,0,0,.48);pointer-events:auto;animation:gsTourIn .24s cubic-bezier(.2,.75,.2,1) both}
.gs-tour-card-top{display:flex;align-items:center;gap:11px}
.gs-tour-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--primary,#b794f4);background:rgba(183,148,244,.12);font-size:16px}
.gs-tour-copy{min-width:0;flex:1}
.gs-tour-title{display:block;color:#fff;font-size:16px;line-height:1.2;font-weight:750;letter-spacing:-.2px}
.gs-tour-text{display:block;margin-top:4px;color:rgba(240,236,247,.68);font-size:12px;line-height:1.35;font-weight:500}
.gs-tour-count{align-self:flex-start;color:rgba(240,236,247,.48);font-size:10px;line-height:1;font-weight:700;white-space:nowrap}
.gs-tour-card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:13px}
.gs-tour-dots{display:flex;align-items:center;justify-content:center;gap:4px;min-height:7px}
.gs-tour-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.2);transition:width .18s ease,background .18s ease}
.gs-tour-dot.is-active{width:15px;border-radius:8px;background:var(--primary,#b794f4)}
.gs-tour-btn{min-height:34px;border:0;border-radius:11px;padding:0 12px;color:rgba(245,240,251,.66);background:transparent;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.gs-tour-btn:focus-visible{outline:2px solid var(--primary,#b794f4);outline-offset:2px}
.gs-tour-card-actions{display:flex;align-items:center;gap:7px}
.gs-tour-back{flex:0 0 36px;width:36px;min-height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:11px}
.gs-tour-back:disabled{opacity:.3;cursor:default}
.gs-tour-skip{margin-left:auto;padding:0 8px;white-space:nowrap}
.gs-tour-next{display:inline-flex;align-items:center;gap:7px;color:#21182d;background:#c9a8ff;padding:0 14px}
.gs-tour-next:active{transform:scale(.97)}
.gs-tour-invite{position:fixed;z-index:3;left:50%;top:50%;width:min(360px,calc(100vw - 32px));box-sizing:border-box;transform:translate(-50%,-50%);padding:22px 20px 18px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(27,25,32,.99);box-shadow:0 22px 70px rgba(0,0,0,.55);text-align:center;pointer-events:auto;animation:gsTourInviteIn .22s ease-out both}
.gs-tour-icons{display:flex;justify-content:center;gap:9px;margin:0 auto 14px}
.gs-tour-icons span{width:38px;height:38px;display:grid;place-items:center;color:var(--primary,#b794f4);border:1px solid rgba(183,148,244,.24);border-radius:14px;background:rgba(183,148,244,.08);font-size:15px}
.gs-tour-invite h2{margin:0;color:#fff;font-size:20px;line-height:1.2;font-weight:760;letter-spacing:-.35px}
.gs-tour-invite p{margin:7px 0 18px;color:rgba(240,236,247,.66);font-size:13px;line-height:1.4}
.gs-tour-invite-actions{display:flex;gap:9px}
.gs-tour-invite-actions .gs-tour-btn{flex:1;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:13px;font-size:13px}
.gs-tour-invite-actions .gs-tour-next{border-color:transparent}
@keyframes gsTourIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gsTourFocusIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@keyframes gsTourInviteIn{from{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:420px){.gs-tour-card{padding:13px 13px 11px;border-radius:17px}.gs-tour-title{font-size:15px}.gs-tour-invite{padding:20px 17px 16px}}
@media(prefers-reduced-motion:reduce){.gs-tour-focus,.gs-tour-dot{transition:none}.gs-tour-card,.gs-tour-focus,.gs-tour-transition,.gs-tour-invite{animation:none}}
.gs-tour-intro{position:fixed;z-index:4;inset:0;display:flex;flex-direction:column;overflow:hidden;padding:max(48px,env(safe-area-inset-top)) clamp(24px,7vw,104px) 112px;color:#f6f4f8;background:#101012;pointer-events:auto;animation:gsIntroFade .24s ease both}
.gs-tour-intro-copy{max-width:720px;padding-top:clamp(44px,10vh,108px)}
.gs-tour-intro-title{margin:0;color:#f6f4f8;font-size:clamp(44px,6.3vw,80px);font-weight:760;letter-spacing:-.065em;line-height:1.02;text-wrap:balance}
.gs-tour-intro-title .gs-tour-line{display:block;animation:gsIntroText .58s cubic-bezier(.2,.75,.2,1) both}
.gs-tour-intro-title .gs-tour-line:nth-child(2){animation-delay:.1s}
.gs-tour-intro-title em{color:var(--primary,#c7a8ff);font-style:normal}
.gs-tour-intro-description{max-width:440px;margin:18px 0 0;color:rgba(240,236,247,.68);font-size:clamp(17px,1.7vw,20px);line-height:1.5;animation:gsIntroText .5s ease .18s both}
.gs-tour-intro-controls{position:fixed;z-index:1;right:clamp(20px,5vw,72px);bottom:max(72px,calc(env(safe-area-inset-bottom) + 52px));display:flex;align-items:center;justify-content:flex-end;gap:18px;animation:gsIntroControls .4s ease .12s both}
.gs-tour-intro-back{min-width:auto;padding:0 4px;color:rgba(240,236,247,.66);background:transparent}
.gs-tour-intro-back:hover{color:#fff;background:transparent}
.gs-tour-intro-next{min-width:112px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;border-radius:13px;color:#21172c;background:#bb94ff;font-size:15px;font-weight:700}
.gs-tour-intro-next:hover{background:#c7a8ff}
.gs-tour-intro-next:active{transform:scale(.97)}
.gs-tour-intro-next:focus-visible,.gs-tour-intro-back:focus-visible{outline:2px solid #fff;outline-offset:4px}
.gs-tour-intro-progress{position:fixed;z-index:1;left:clamp(24px,7vw,104px);bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px));display:flex;align-items:center;gap:7px}
.gs-tour-intro-progress span{width:7px;height:7px;border-radius:10px;background:rgba(255,255,255,.24);transition:width .2s ease,background .2s ease}
.gs-tour-intro-progress span.is-active{width:23px;background:var(--primary,#bb94ff)}
@keyframes gsIntroFade{from{opacity:0}to{opacity:1}}
@keyframes gsIntroText{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes gsIntroControls{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.gs-tour-intro{padding:max(34px,env(safe-area-inset-top)) 23px 104px}.gs-tour-intro-copy{padding-top:clamp(38px,9vh,76px)}.gs-tour-intro-title{max-width:10ch;font-size:clamp(40px,10.5vw,58px);line-height:1.04}.gs-tour-intro-description{max-width:310px;margin-top:14px;font-size:16px}.gs-tour-intro-controls{right:18px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 52px));gap:16px}.gs-tour-intro-next{min-width:100px;min-height:44px;padding:0 15px;border-radius:12px;font-size:14px}.gs-tour-intro-progress{left:23px;bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px))}}
@media(max-width:380px){.gs-tour-intro{padding-right:18px;padding-left:18px}.gs-tour-intro-next{min-width:92px}}
@media(max-height:700px) and (max-width:760px){.gs-tour-intro{padding-top:max(22px,env(safe-area-inset-top))}.gs-tour-intro-copy{padding-top:clamp(34px,8vh,56px)}}
@media(prefers-reduced-motion:reduce){.gs-tour-intro,.gs-tour-intro-title .gs-tour-line,.gs-tour-intro-description,.gs-tour-intro-controls{animation:none}}

.gs-tour-account{display:block;margin-top:7px;color:var(--primary,#c7a8ff);font-size:11px;line-height:1.35;font-weight:650}.gs-tour-account:empty{display:none}

.gs-tour-invite .gs-tour-ecos{margin:-8px 0 18px;color:rgba(240,236,247,.52);font-size:11px;line-height:1.35}
@media(max-width:760px){.gs-tour-intro-controls{bottom:max(92px,calc(env(safe-area-inset-bottom) + 70px))}.gs-tour-intro-progress{bottom:max(112px,calc(env(safe-area-inset-bottom) + 90px))}}

/* Compact onboarding cards keep the highlighted control visible. */
.gs-tour-open.gs-tour-scrollable{overflow:auto!important;overflow-x:hidden!important;overscroll-behavior:auto!important}
.gs-tour-card{width:min(300px,calc(100vw - 28px));padding:11px 12px 10px;border-radius:15px}
.gs-tour-card-top{gap:8px}
.gs-tour-icon{flex-basis:30px;width:30px;height:30px;border-radius:10px;font-size:14px}
.gs-tour-title{font-size:14px;line-height:1.15}
.gs-tour-text{margin-top:3px;font-size:11px;line-height:1.3}
.gs-tour-account{margin-top:5px;font-size:10px;line-height:1.3}
.gs-tour-card-bottom{gap:6px;margin-top:9px}
.gs-tour-dots{gap:3px;min-height:6px}
.gs-tour-dot{width:4px;height:4px}
.gs-tour-dot.is-active{width:12px}
.gs-tour-btn{min-height:30px;border-radius:9px;padding:0 10px;font-size:11px}
.gs-tour-back{flex-basis:32px;width:32px;min-height:30px;border-radius:9px}
.gs-tour-next{gap:6px;padding:0 11px}
.gs-tour-next:disabled{opacity:.62;cursor:default;transform:none}
.gs-tour-lock.is-pass-through{pointer-events:none}
@media(max-width:420px){.gs-tour-card{padding:10px 11px 9px;border-radius:14px}.gs-tour-title{font-size:13px}}


/* Intro navigation stays comfortably tappable after compact tour styles. */
.gs-tour-intro-controls .gs-tour-intro-back{min-width:120px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid rgba(255,255,255,.16);border-radius:15px;font-size:16px;line-height:1.15;color:rgba(240,236,247,.82)}
.gs-tour-intro-controls .gs-tour-intro-back:hover{background:rgba(255,255,255,.06);color:#fff}
.gs-tour-intro-controls .gs-tour-intro-next{min-width:144px;min-height:56px;padding:0 22px;border-radius:15px;font-size:16px;line-height:1.15}
@media(max-width:760px){.gs-tour-intro-controls .gs-tour-intro-back{min-width:104px;min-height:52px;padding:0 16px;border-radius:14px;font-size:15px}.gs-tour-intro-controls .gs-tour-intro-next{min-width:128px;min-height:52px;padding:0 17px;border-radius:14px;font-size:15px}}
@media(max-width:380px){.gs-tour-intro-controls .gs-tour-intro-back{min-width:96px;padding:0 13px}.gs-tour-intro-controls .gs-tour-intro-next{min-width:118px;padding:0 14px;font-size:14px}}


/* Reuse the feed header's animated aurora on the clean intro screens. */
.gs-tour-intro{isolation:isolate}
.gs-tour-intro > .gs-header-gradient{display:block;position:absolute;inset:0 0 auto;height:calc(var(--gs2-header-size, 58px) + var(--gs2-feed-extra, 88px) + 36px);z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.96) 18%,rgba(0,0,0,.84) 40%,rgba(0,0,0,.60) 65%,rgba(0,0,0,.30) 80%,rgba(0,0,0,.10) 92%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.96) 18%,rgba(0,0,0,.84) 40%,rgba(0,0,0,.60) 65%,rgba(0,0,0,.30) 80%,rgba(0,0,0,.10) 92%,transparent 100%);animation:gsIntroAuroraReveal .9s cubic-bezier(.22,1,.36,1) .08s both}
.gs-tour-intro > .gs-intro-aurora-bottom{inset:auto 0 0;transform:scaleY(-1);animation-delay:.2s}
.gs-tour-intro-copy{position:relative;z-index:1}
@keyframes gsIntroAuroraReveal{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.gs-tour-intro > .gs-header-gradient{animation:none;opacity:1;filter:none}}


/* Bottom-origin aurora stays behind the live UI spotlight and tooltip. */
.gs-tour-layer>.gs-tour-aurora{display:block;position:fixed;inset:auto 0 0;height:clamp(230px,42vh,390px);z-index:1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.96) 18%,rgba(0,0,0,.84) 40%,rgba(0,0,0,.60) 65%,rgba(0,0,0,.30) 80%,rgba(0,0,0,.10) 92%,transparent 100%);mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.96) 18%,rgba(0,0,0,.84) 40%,rgba(0,0,0,.60) 65%,rgba(0,0,0,.30) 80%,rgba(0,0,0,.10) 92%,transparent 100%);animation:gsTourAuroraRise .9s cubic-bezier(.2,.75,.2,1) .05s both}
.gs-tour-focus{z-index:2}
.gs-tour-lock{z-index:3}
.gs-tour-card{z-index:4}
.gs-tour-layer.gs-tour-step-leaving>:not(.gs-tour-aurora){animation:gsTourStepOut .16s ease both;pointer-events:none!important}
@keyframes gsTourAuroraRise{from{opacity:0;transform:translateY(24px);filter:blur(14px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes gsTourStepOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.99)}}
@media(prefers-reduced-motion:reduce){.gs-tour-layer>.gs-tour-aurora{animation:none;opacity:.9;filter:none;transform:none}.gs-tour-layer.gs-tour-step-leaving>:not(.gs-tour-aurora){animation:none;opacity:0}}


/* Keep the live aurora inside each UI-tour hint, rising from its lower edge. */
.gs-tour-layer>.gs-tour-card{isolation:isolate;overflow:hidden;background:rgba(27,25,32,.94);border-color:rgba(183,148,244,.18);animation:gsTourHintIn .42s cubic-bezier(.16,1,.3,1) both}
.gs-tour-layer>.gs-tour-card>.gs-tour-hint-aurora{display:block;position:absolute;inset:auto 0 0;width:100%;height:82%;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit;opacity:.9;background:linear-gradient(0deg,rgba(103,71,150,.13),transparent 78%);-webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.9) 34%,rgba(0,0,0,.42) 72%,transparent 100%);mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.9) 34%,rgba(0,0,0,.42) 72%,transparent 100%);animation:gsTourHintAuroraUp .95s cubic-bezier(.22,1,.36,1) .06s both}
.gs-tour-layer>.gs-tour-card>.gs-tour-hint-aurora>.gs-aurora-glow{top:10%;height:180%}
.gs-tour-layer>.gs-tour-card>.gs-tour-card-top,.gs-tour-layer>.gs-tour-card>.gs-tour-card-bottom{position:relative;z-index:1}
.gs-tour-layer>[class*="gs-tour-shade"]{animation:gsTourShadeIn .24s ease both}
.gs-tour-layer>.gs-tour-focus{animation:gsTourFocusReveal .34s cubic-bezier(.2,.75,.2,1) both}
.gs-tour-layer.gs-tour-step-leaving>.gs-tour-card{animation:gsTourHintOut .24s cubic-bezier(.4,0,.7,.4) both;pointer-events:none!important}
.gs-tour-layer.gs-tour-step-leaving>.gs-tour-focus{animation:gsTourFocusOut .22s ease both;pointer-events:none!important}
.gs-tour-layer.gs-tour-step-leaving>[class*="gs-tour-shade"]{animation:gsTourShadeOut .22s ease both;pointer-events:none!important}
.gs-tour-layer.gs-tour-step-leaving>.gs-tour-lock{animation:gsTourLockOut .18s linear both;pointer-events:none!important}
@keyframes gsTourHintIn{from{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(6px)}65%{opacity:1;filter:blur(0)}to{transform:translate3d(0,0,0) scale(1)}}
@keyframes gsTourHintOut{from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(0,-12px,0) scale(.99);filter:blur(4px)}}
@keyframes gsTourHintAuroraUp{from{opacity:0;transform:translate3d(0,24px,0);filter:blur(12px)}55%{opacity:.72}to{opacity:.9;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes gsTourFocusReveal{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes gsTourFocusOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}
@keyframes gsTourShadeIn{from{opacity:0}to{opacity:1}}
@keyframes gsTourShadeOut{from{opacity:1}to{opacity:0}}
@keyframes gsTourLockOut{from{opacity:1}to{opacity:0}}
@keyframes gsTourHintFadeIn{from{opacity:0}to{opacity:1}}
@keyframes gsTourHintFadeOut{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){
 .gs-tour-layer>.gs-tour-card{animation:gsTourHintFadeIn .2s ease both}
 .gs-tour-layer>.gs-tour-card>.gs-tour-hint-aurora{animation:gsTourHintFadeIn .2s ease both;filter:none}
 .gs-tour-layer>.gs-tour-focus{animation:gsTourHintFadeIn .18s ease both}
 .gs-tour-layer>[class*="gs-tour-shade"]{animation:gsTourShadeIn .16s ease both}
 .gs-tour-layer.gs-tour-step-leaving>.gs-tour-card{animation:gsTourHintFadeOut .18s linear both}
 .gs-tour-layer.gs-tour-step-leaving>.gs-tour-focus{animation:gsTourHintFadeOut .16s linear both}
 .gs-tour-layer.gs-tour-step-leaving>[class*="gs-tour-shade"]{animation:gsTourShadeOut .16s linear both}
 .gs-tour-layer.gs-tour-step-leaving>.gs-tour-lock{animation:gsTourLockOut .16s linear both}
}

/* Mandatory daily-status gate must remain visible while the onboarding tour is pending. */
body.gs-training-pending > #dailyStatusGateScreen,
body.gs-training-pending > #dailyStatusModal {
  visibility: visible !important;
  pointer-events: auto !important;
}