html[data-cloud-lock] .page{display:none}
.cloud-auth{min-height:100svh;display:grid;place-items:center;padding:32px 20px}
.cloud-auth[hidden]{display:none}.cloud-auth-paper{width:min(100%,470px);background:#fffcf3;padding:40px;box-shadow:5px 15px 40px #26332d17;position:relative}
.cloud-auth-paper:before{content:"";position:absolute;width:100px;height:26px;background:#e4d3a7b3;top:-12px;left:calc(50% - 50px);transform:rotate(-3deg)}
.cloud-auth-brand{font-family:Georgia,serif;font-size:24px;margin:0 0 32px;color:#26332d}
.cloud-auth h1{font-family:Georgia,serif;font-size:36px;line-height:1.13;letter-spacing:-.02em;margin:0 0 14px}.cloud-auth p{line-height:1.55;color:#4d5c51}
.cloud-auth label{display:block;font-weight:650;margin:26px 0 8px}.cloud-auth input{width:100%;min-height:48px;background:#fffef9;border:1px solid #7b897b;border-radius:6px;padding:10px 12px;font:inherit}
.cloud-auth .primary{width:100%;margin-top:20px;min-height:48px}.cloud-auth small{display:block;line-height:1.5;color:#536052;margin-top:10px}
.cloud-auth-error{color:#8c3527!important;min-height:24px;font-weight:550}.cloud-auth-retry{margin-top:12px}.cloud-auth button:focus-visible,.cloud-auth input:focus-visible{outline:3px solid #235b43;outline-offset:3px}
.cloud-auth-paper{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #3327581b}.cloud-auth-paper:before{background:#ded1ffbd}.cloud-auth-brand{color:var(--ink)}.cloud-auth .primary{background:#ddf481;color:var(--ink);border-color:#aebf5b}.cloud-auth .primary:hover:not(:disabled){background:#cfe76c}.cloud-qr-help{border-top:1px solid var(--line);padding-top:12px;margin-top:8px;font-size:.875rem}.cloud-qr-help summary{cursor:pointer;font-weight:650}.cloud-qr-help p{margin-top:8px}.cloud-strip .button-row{flex:none;gap:3px}
.cloud-auth-choice{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.cloud-auth-choice[hidden]{display:none}.cloud-auth-choice button{padding-inline:10px}.cloud-auth-choice button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cloud-friends-actions,.cloud-friends-share{display:flex;align-items:center;gap:8px}.cloud-friends-share input{min-width:0}.cloud-friends-share button{flex:none}#cloud-friends-link-area{margin:14px 0}#cloud-friends-link-area label{display:block;margin-bottom:5px}#cloud-friends-text{margin-top:6px}.cloud-friends-list{list-style:none;padding:0;margin:14px 0 0}.cloud-friends-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 0}.cloud-friends-list li>div{min-width:0}.cloud-friends-list strong,.cloud-friends-list small{display:block;overflow-wrap:anywhere}.cloud-friends-list small,.cloud-friends-empty{color:var(--muted);font-size:.82rem}
.cloud-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 12px;border-bottom:1px solid #d9d8c8;font-size:13px;color:#465649}.cloud-strip p{margin:0;line-height:1.5}.cloud-strip strong{font-weight:600;color:#26332d}.cloud-strip button{min-height:44px;flex:none;background:transparent;font-size:12px}.cloud-conflicts{padding:10px 0;color:#8c3527;font-size:13px;line-height:1.5}.cloud-conflicts ul{padding-left:20px;margin:6px 0}.cloud-conflicts[hidden]{display:none}
@media(max-width:600px){.cloud-auth-paper{padding:32px 24px}.cloud-auth h1{font-size:32px}.cloud-strip{gap:8px;font-size:12px}.cloud-strip button{padding:8px;font-size:11px}.cloud-strip p{max-width:240px}}
@media(max-width:420px){.cloud-strip{align-items:flex-start;flex-direction:column}.cloud-strip p{max-width:none}}