body.chat-maintenance-blocked #auth,body.chat-maintenance-blocked #app,body.chat-maintenance-blocked dialog,body.chat-maintenance-blocked .chat-boot{display:none!important}
.maintenance-screen{position:fixed;inset:0;z-index:1000;overflow:auto;display:grid;place-items:center;padding:24px;background:var(--bg,#10121c);color:var(--text,#eeeef5)}
.maintenance-card{width:min(100%,580px);box-sizing:border-box;padding:44px;border:1px solid var(--line,#303347);border-radius:28px;background:var(--panel,#191c2a);box-shadow:0 24px 90px #0003}
.maintenance-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#8170ec25;color:#a99bff;margin-bottom:24px}.maintenance-mark svg{width:32px;height:32px}
.maintenance-card h1{font-size:clamp(26px,5vw,38px);line-height:1.15;margin:14px 0}.maintenance-copy{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.maintenance-status{font-size:13px;line-height:1.6;opacity:.7;margin:24px 0}
.maintenance-actions{display:flex;gap:10px;flex-wrap:wrap}.maintenance-actions button{min-height:44px;border-radius:12px;padding:10px 16px}.maintenance-banner{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 20px;background:#8170ec20;color:var(--text,#eeeef5);border-bottom:1px solid var(--line,#303347);font-size:13px}.maintenance-banner svg{flex-shrink:0;width:19px;height:19px}
.layout:has(>.maintenance-banner:not([hidden])){grid-template-rows:auto minmax(0,1fr)}.maintenance-admin{border-bottom:1px solid var(--line,#303347);padding-bottom:20px;margin-bottom:20px}.maintenance-form textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:16px}.maintenance-switch{display:flex!important;align-items:center;gap:12px}.maintenance-switch input{width:20px!important;height:20px;margin:0;accent-color:#8170ec}.maintenance-auth{font-size:14px;line-height:1.5}
@media(max-width:600px){.maintenance-screen{padding:16px}.maintenance-card{padding:26px 22px;border-radius:22px}.maintenance-actions{flex-direction:column}.maintenance-actions button{width:100%}.maintenance-banner{padding:8px 12px;font-size:12px}}
@media(max-width:700px){.layout:has(>.maintenance-banner:not([hidden])){flex-direction:column}.layout:has(>.maintenance-banner:not([hidden]))>.maintenance-banner{flex:0 0 auto;width:100%;min-width:0}.layout:has(>.maintenance-banner:not([hidden]))>.chat{flex:1;min-height:0;width:100%}}