[hidden]{display:none!important}body{--preview-height:0px}.preview-bar{display:none}.app-shell{padding-top:0}.sidebar{top:0;height:100dvh}.topbar{padding-top:max(16px,var(--tg-safe-top,0px))}.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom),var(--tg-safe-bottom,0px))}.auth-screen{max-width:440px;margin:0 auto;padding:64px 24px;min-height:100dvh;text-align:center}.auth-screen h1{font-size:28px}.auth-screen>p{color:var(--muted);margin:16px 0 24px}.auth-brand{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.auth-screen .vertical-actions{margin-top:24px}.auth-spinner{width:44px;height:44px;border:3px solid #d5dce6;border-top-color:#215fe4;border-radius:50%;animation:auth-spin 1s linear infinite;margin:36px auto}@keyframes auth-spin{to{transform:rotate(360deg)}}.feature-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line,#d5dce6);margin:24px 0}.feature-band h2{margin:8px 0;font-size:20px}.feature-band p{color:var(--muted);margin:0}.feature-band svg{width:24px;height:24px}.router-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:20px 0}.router-check input{margin-top:3px;flex:0 0 auto}.prose ol{padding-left:24px}.prose li{margin:12px 0}.data-warning{border-left:3px solid #ba7500;background:#fff6dd;padding:12px;margin:12px 0;color:#634300}.payment-state{padding:24px 0;border-top:1px solid var(--line,#d5dce6)}.payment-state h2{font-size:20px}.payment-state p{margin:12px 0}.settings-link{width:100%;text-align:left}.share-link-box{overflow-wrap:anywhere}.prose code{overflow-wrap:anywhere}.prose select{width:100%}.auth-screen #telegram-login{min-height:48px}body[data-auth]:not([data-auth=ready]) .workspace-footer{display:none}@media(max-width:600px){.feature-band{align-items:stretch;flex-direction:column}.feature-band .inline-actions{width:100%}.feature-band .button{flex:1}.auth-screen{padding-top:36px}}@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}
[data-mode=production] .app-shell,[data-mode=production] .workspace{min-height:100dvh}
[data-mode=production] .topbar{height:calc(76px + var(--tg-safe-top,0px));padding-top:var(--tg-safe-top,0px)}
@media(max-width:720px){[data-mode=production] .topbar{height:calc(68px + var(--tg-safe-top,0px))}[data-mode=production] .workspace{padding-bottom:calc(84px + max(env(safe-area-inset-bottom,0px),var(--tg-safe-bottom,0px)))}}