.cloud-status { position:fixed; bottom:.35rem; left:50%; transform:translateX(-50%); z-index:1000; max-width:90vw; background:#232749; color:#fff; border:1px solid #6c76f5; border-radius:.5rem; padding:.35rem .7rem; font-size:.6rem; box-shadow:0 3px 14px #0006; }
.cloud-status[hidden] { display:none; }
.cloud-status button { margin-left:.5rem; padding:.3rem; background:#6c76f5; }
.cloud-landing { display:grid; place-content:center; text-align:center; height:100vh; padding:2rem; gap:1rem; }
.cloud-dialog { background:var(--flaeche); color:var(--tinte); border:1px solid var(--rand-hell); border-radius:1rem; padding:1.5rem; max-width:min(90vw,34rem); max-height:85vh; overflow:auto; }
.cloud-dialog::backdrop { background:#0009; }
.cloud-dialog label,.admin-page label { display:flex; flex-direction:column; gap:.3rem; margin:.6rem 0; }
.cloud-dialog input,.admin-page input { padding:.7rem; color:var(--tinte); background:var(--papier); border:1px solid var(--rand-hell); border-radius:.4rem; font-size:1rem; }
.cloud-dialog button,.admin-page button { margin:.3rem .4rem .3rem 0; }
.admin-body { overflow:auto; user-select:text; font-size:16px; }
html:has(.admin-body) { font-size:16px; }
.admin-page { width:min(100% - 2rem,960px); margin:2rem auto; }
.admin-page header { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.admin-page .karte { margin:1rem 0; padding:1.5rem; }
.admin-page a { color:#b9bfff; overflow-wrap:anywhere; }
.admin-page form { max-width:35rem; }
.cloud-actions { display:flex; flex-wrap:wrap; gap:.5rem; }