.cloud-status{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:24px;font-size:13px;white-space:nowrap;color:var(--text);background:var(--glass);touch-action:manipulation;flex-shrink:0;position:relative;z-index:2}
#agent-pill{display:none!important}
.side-foot.cloud-status{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left;min-height:64px;white-space:normal}
.side-foot.cloud-status span{min-width:0}.side-foot.cloud-status small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
html[data-design] #content-dialog:has(.cloud-info){background:color-mix(in srgb,var(--surface) 96%,transparent)}
.cloud-login{box-sizing:border-box;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--glass-edge);border-radius:32px;padding:24px 32px 22px;background:color-mix(in srgb,var(--surface) 83%,transparent);color:var(--text);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);box-shadow:0 28px 90px #0003,inset 0 1px 0 #ffffff80;text-align:center}
.cloud-login::backdrop{background:linear-gradient(135deg,#354b6c38,#151b3352);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cloud-locked body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 25%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 55%),radial-gradient(ellipse at 80% 80%,#cdb5ed55,transparent 55%);z-index:0}
.cloud-locked .app{visibility:hidden}
.login-mascot{height:112px;display:grid;place-items:center;margin:-8px auto 2px;pointer-events:none}
.login-mascot img{height:120px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 9px #0002);animation:lulu-hello 700ms ease-out 1;transition:transform 220ms ease-out}
.cloud-login.is-typing .login-mascot img{transform:rotate(-5deg) translateY(3px)}
.login-brand{font-size:11px;letter-spacing:.16em;font-weight:650;color:var(--muted)}
.cloud-login h2{margin:7px 0 24px;font-size:28px;letter-spacing:-.035em}
.cloud-login form{text-align:left}
.cloud-login label:not(.cloud-remember){display:grid;gap:8px;font-size:13px;font-weight:550;margin-top:14px}
.cloud-login input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:48px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--text)}
.cloud-login .login-account input{font-weight:650;letter-spacing:.06em;color:var(--muted);background:transparent}
.cloud-login .login-account input:focus-visible{outline:none;border-color:var(--line);box-shadow:none}
.login-password{position:relative}.login-password input{padding-right:64px!important}
.login-password button{position:absolute;right:4px;top:2px;min-width:50px;min-height:44px;background:transparent;color:var(--muted);font-size:12px}
.cloud-remember{display:flex;align-items:center;gap:9px;margin:16px 0 0;font-size:13px;min-height:32px;color:var(--muted)}.cloud-remember input{width:18px;height:18px;accent-color:var(--accent)}
.cloud-login button,.cloud-actions button,.cloud-state-row button,.cloud-auth-link{touch-action:manipulation;min-height:44px;padding:10px 14px;border-radius:14px;font:inherit;cursor:pointer;transition:transform 100ms ease-out,background-color 160ms ease-out}
.cloud-login button:active,.cloud-actions button:active{transform:scale(.97)}
.cloud-login button[type=submit]{width:100%;background:var(--text);color:var(--surface);border:0;font-weight:650;box-shadow:inset 0 1px 0 #ffffff30}
.cloud-login [role=alert]{color:var(--danger);font-size:13px;min-height:20px;margin:2px 0 10px;line-height:1.4}
.cloud-login #cloud-offline{margin-top:6px;width:100%;background:transparent;color:var(--muted);font-size:13px}
.cloud-state-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.cloud-state-row p{font-size:14px;overflow-wrap:anywhere}.cloud-state-row button{background:var(--surface-alt);font-size:24px;min-width:44px;flex-shrink:0}
.cloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.cloud-actions button{border:1px solid var(--line);background:var(--glass);color:var(--text);font-size:14px}
.cloud-advanced{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.cloud-advanced summary{color:var(--muted);font-size:13px;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.cloud-advanced summary::after{content:"⌄";margin-left:auto}.cloud-advanced[open] summary::after{transform:rotate(180deg)}
.cloud-auth-link{display:block;margin:8px auto 0;background:transparent;color:var(--muted);font-size:13px}.cloud-info [role=alert]:empty{display:none}.cloud-info [role=alert]{color:var(--danger);font-size:13px;margin-top:12px}
.cloud-login :focus-visible,.cloud-info :focus-visible,.cloud-status:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@keyframes lulu-hello{0%{opacity:0;transform:translateY(8px) rotate(-8deg)}65%{opacity:1;transform:translateY(-2px) rotate(3deg)}100%{transform:none}}
@media(max-width:700px){.topbar .brand small{display:none!important}.topbar .brand-mark{display:none!important}.topbar .brand b{font-size:12px;white-space:nowrap}.topbar .top-left{flex:1;gap:6px}.topbar .top-actions{flex-wrap:nowrap;gap:5px}.topbar .cloud-status{font-size:11px;padding:5px 9px;min-height:44px}.topbar .language-control,.topbar .theme-toggle,.topbar .avatar{width:36px;height:36px;min-width:36px;flex-shrink:0}.cloud-login{padding:22px 24px 18px}.cloud-login input:not([type=checkbox]){font-size:16px}}
@media(max-width:359px){.topbar .brand{display:none}.topbar .top-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.login-mascot img{animation:none;transition:none}.cloud-login.is-typing .login-mascot img{transform:none}.cloud-login button,.cloud-actions button{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.cloud-login{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}.cloud-login::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#11182799}}