/* The approved fan fills one isolated surface; page geometry and existing actions stay outside it. */
.povod-home-fan{position:relative;width:100%;aspect-ratio:800/560;isolation:isolate;overflow:hidden;pointer-events:none}
.povod-home-fan .personal-fan-face{width:400px;height:421.54px;overflow:hidden;background:#fff}
.povod-home-fan .personal-fan-face .studio-invitation{width:400px;max-width:none;height:421.54px;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;container-type:inline-size}
.povod-home-fan .personal-fan-face .studio-card-copy{padding:0 24px 16px;min-height:88px;text-align:center}
:is(#homeView,#dashboardView) .povod-home-fan .personal-fan-face .studio-card-copy h2{font-size:clamp(24px,calc(var(--title-size,7)*var(--title-scale,1)*1cqw),36px);line-height:1.15;min-height:1.15em;margin:0 0 10px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;letter-spacing:normal}
.povod-home-fan .personal-fan-face .studio-date{font-size:15px;justify-content:center;margin:0;white-space:nowrap}
.povod-home-fan .personal-fan-face .studio-place,.povod-home-fan .personal-fan-face .studio-message{display:none}
#homeView .welcome-example{width:min(100%,460px);margin:0}
#homeView .welcome-layout{align-items:center}
#homeView .welcome-example figcaption{margin:2px 0 0;font-size:12px;color:#847b72}
#homeView .telegram-welcome-stage{width:min(100%,380px,max(230px,calc((100svh - var(--app-safe-top,0px) - var(--app-safe-bottom,0px) - 260px)*1.42857)));aspect-ratio:auto}
#dashboardView .dashboard-brand-scene{height:56px;margin:0 auto 8px}
#dashboardView .dashboard-brand-scene .brand-animation{width:120px;max-width:100%}
#dashboardView .dashboard-welcome p{margin:7px auto 6px}
#dashboardView .dashboard-home-fan{width:min(100%,390px);margin:0 auto 4px}
#dashboardView .dashboard-welcome{padding-bottom:22px}
@media(max-width:700px){#homeView .welcome-example{width:min(100%,360px,max(230px,calc((100svh - 370px)*1.42857)))}#homeView .welcome-layout{gap:8px}#dashboardView .dashboard-home-fan{width:min(100%,360px)}#dashboardView .dashboard-welcome h2{font-size:28px}}
@media(max-height:700px){#homeView .telegram-welcome{gap:7px}.telegram-welcome-brand{height:32px}.telegram-welcome-brand img{width:88px;height:44px}.telegram-welcome-copy h1{font-size:24px;margin-bottom:6px}.telegram-welcome-copy p{font-size:12px}#homeView .telegram-welcome-stage{width:min(100%,280px,max(200px,calc((100svh - var(--app-safe-top,0px) - var(--app-safe-bottom,0px) - 260px)*1.42857)))}#dashboardView .dashboard-brand-scene{display:none}#dashboardView .dashboard-home-fan{width:min(100%,280px,max(200px,calc((100svh - var(--app-safe-top,0px) - var(--app-safe-bottom,0px) - 250px)*1.42857)))}}
#dashboardView .dashboard-welcome>.dashboard-home-fan{margin:14px auto 14px}

/* Explicit dashboard width prevents flex shrink-to-content as the list changes. */
body #dashboardView{width:100%;min-width:0}

/* The fan keeps room for its soft shadow, then fades into the page surface. */
#dashboardView .povod-home-fan{aspect-ratio:800/560;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}