html[data-online-state="locked"] #app{display:none}
[hidden]{display:none!important}
.cloud-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--page)}
.cloud-form{width:100%;max-width:460px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:28px;box-shadow:var(--sh-2)}
.cloud-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.cloud-brand img{width:44px;height:44px;object-fit:contain}
.cloud-brand b{font-size:20px;display:block}.cloud-brand span{font-size:12px;color:var(--ink-3)}
.cloud-form h1{font-size:20px;margin:0 0 12px}.cloud-form p{color:var(--ink-2);font-size:13px;line-height:1.6}
.cloud-form label{display:block;font-size:12px;font-weight:600;margin:16px 0 6px}.cloud-form .inp{min-height:42px}
.cloud-form .btn{justify-content:center;white-space:normal}.cloud-form .primary-action{width:100%;margin-top:20px;min-height:42px}
.cloud-form .cloud-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.cloud-form .cloud-links .btn{font-size:12px}
.cloud-error{color:var(--dan)!important;background:var(--dan-bg);padding:10px;border-radius:5px;overflow-wrap:anywhere}
.cloud-statusbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 28px;border-bottom:1px solid var(--line);background:var(--panel-2);font-size:12px}
.cloud-statusbar .account{margin-left:auto;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3)}
.cloud-statusbar .btn{min-height:28px}.cloud-statusbar strong{color:var(--brand-ink)}
.cloud-notice{padding:12px 28px;border-bottom:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn);font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cloud-notice p{margin:0;flex:1;min-width:160px}.cloud-notice .btn{white-space:normal}
.cloud-draft{padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cloud-draft span{flex:1}
@media(max-width:700px){.cloud-gate{padding:14px}.cloud-form{padding:22px}.cloud-statusbar,.cloud-notice{padding:10px 16px}.cloud-statusbar .account{max-width:150px}}
@media print{.cloud-gate,.cloud-statusbar,.cloud-notice{display:none!important}}