.cloud-account{margin:1.2rem 0 1.5rem;padding:.8rem 1rem;border:1px solid #413450;border-radius:14px;background:#20182c;font-size:.875rem;color:#d8cee4}
.cloud-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.cloud-status{display:flex;align-items:center;gap:.45rem;min-width:0}
.cloud-status::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#bda1d5}
.cloud-account[data-state=synced] .cloud-status::before{background:#9fc9ad}
.cloud-account[data-state=error] .cloud-status::before,.cloud-account[data-state=offline] .cloud-status::before,.cloud-account[data-state=changed] .cloud-status::before{background:#dfbd86}
.cloud-account button,.cloud-dialog button{font:inherit;cursor:pointer}
.cloud-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.65rem .9rem;border:1px solid #6a4d82;border-radius:10px;background:#2d203c;color:#f1eaf7;font-weight:650;line-height:1.3}
.cloud-button:hover{background:#3c2950}.cloud-button:disabled{opacity:.65;cursor:wait}
.cloud-primary{background:#63318b;border-color:#8d58b6}.cloud-primary:hover{background:#75409d}
.cloud-hint{line-height:1.5;margin:.65rem 0 0;color:#c6b8d3;font-size:.82rem}
.cloud-inline{border:0;padding:.35rem .15rem;background:none;color:#e0c0ff;text-decoration:underline;text-underline-offset:.2em;min-height:32px}
.cloud-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(440px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #654b7a;border-radius:20px;padding:1.25rem;background:#1e1729;color:#eee5f6;box-shadow:0 24px 90px #0009;font:inherit;line-height:1.5;margin:auto;overscroll-behavior:contain}
.cloud-dialog::backdrop{background:#0d0718bd;backdrop-filter:blur(4px)}
.cloud-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}
.cloud-dialog h2{font-size:1.3rem;line-height:1.3;margin:.3rem 0}
.cloud-dialog p{margin:.7rem 0 1rem}.cloud-dialog>.cloud-button{width:100%;margin:.35rem 0}
.cloud-close{display:flex;justify-content:center;align-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#322340;color:#eee2f7;font-size:1.7rem!important;line-height:1}
.cloud-muted{font-size:.85rem;color:#bcaecb}.cloud-message{font-size:.9rem;color:#d8c4eb}.cloud-message[data-error=true]{color:#ffc9c0}
.cloud-form{display:grid;gap:.65rem;margin-top:1rem}.cloud-form label{font-weight:650}
.cloud-form input,.cloud-key{box-sizing:border-box;width:100%;min-width:0;font-size:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6;color:#f5eafb;background:#130f1b;border:1px solid #705484;border-radius:10px;padding:.8rem;outline-offset:3px}
.cloud-key{resize:none;overflow-wrap:anywhere;margin:0 0 .7rem;letter-spacing:.03em}
.cloud-form input:focus-visible,.cloud-key:focus-visible,.cloud-account button:focus-visible,.cloud-dialog button:focus-visible{outline:2px solid #c494ed;outline-offset:3px}
body:not([data-view=home]) .cloud-account{display:none}
.cloud-profile-lock{position:fixed;inset:0;z-index:10000;display:flex;justify-content:center;align-items:center;background:#100a1ddb;padding:1rem;color:#eee5f6}
.cloud-profile-lock-box{box-sizing:border-box;max-width:410px;background:#24192f;border:1px solid #76548d;border-radius:18px;padding:1.5rem;line-height:1.55}
.cloud-profile-lock-box button{font:inherit;cursor:pointer;min-height:44px}
@media(max-width:380px){.cloud-account{padding:.7rem}.cloud-row{gap:.4rem}.cloud-dialog{padding:1rem}}
@media(prefers-reduced-motion:reduce){.cloud-dialog::backdrop{backdrop-filter:none}}