html[data-account-access="locked"] body>:not(#accountGate):not(script){display:none!important}
html[data-account-access="open"] #accountGate{display:none!important}
#accountGate{min-height:100dvh;max-width:460px;margin:auto;padding:32px 24px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:#fff}
#accountGate h1{font-family:Onest,Arial,sans-serif}
#accountGate p{color:var(--muted)}
.loading-state{padding:28px 22px;color:var(--muted)}
.topbar{height:auto;min-height:56px;padding-top:calc(6px + env(safe-area-inset-top))}
.topbar>a.icon-button{margin-left:-12px}
.topbar .faculty{margin-left:auto}.topbar>#privacyButton{margin-left:0}
.bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.app[data-syncing] #main,.app[data-syncing] .bottom-nav{visibility:hidden}
.teacher-list{overflow-wrap:anywhere}