#cover { overflow: auto; }
.intro { top: max(160px, calc(200 * var(--ui-unit))); padding-bottom: 28px; }
.cloud-panel { width: min(400px, 92vw); padding: 24px; border: 1px solid #ac915766; border-radius: 12px; background: #102126ed; box-shadow: 0 16px 60px #0006; font: 14px/1.5 system-ui, sans-serif; text-align: left; }
.cloud-panel h2, .cloud-dialog h2 { margin: 0 0 8px; font: 25px/1.2 Georgia, serif; color: #f5ecd9; }
.cloud-panel p, .cloud-dialog p { font: 14px/1.5 system-ui, sans-serif; margin: 8px 0 14px; }
.cloud-panel label { display: block; margin: 12px 0 5px; color: #ded6c6; }
.cloud-panel input { width: 100%; padding: 11px 12px; border: 1px solid #6e817e; border-radius: 5px; background: #09171c; color: #fff; font: inherit; }
.cloud-panel input:focus-visible { outline: 2px solid #d8bb7c; outline-offset: 2px; }
.cloud-panel button { width: 100%; padding: 11px 16px; font-size: 14px; margin-top: 10px; }
button.cloud-secondary { background: transparent; color: #ead2a1; border-color: #8f805e; }
button.cloud-link { background: transparent; color: #c6d0ca; border-color: transparent; text-decoration: underline; padding: 5px 8px; }
.cloud-tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.cloud-tabs button { margin: 0; }
.cloud-panel .cloud-message { margin: 12px 0 0; color: #f4d399; white-space: pre-line; overflow-wrap: anywhere; }
.cloud-panel .cloud-fine { font-size: 12px; color: #bac7c1; text-align: center; margin-bottom: 0; }
#cloud-toolbar { position: fixed; bottom: 8px; left: 8px; z-index: 10; display: flex; gap: 10px; align-items: center; padding: 5px 10px; border-radius: 6px; background: #102126ed; font: 12px system-ui, sans-serif; max-width: calc(100vw - 85px); }
#cloud-toolbar button { padding: 5px 9px; font-size: 12px; }
#cloud-state { overflow-wrap: anywhere; }
.cloud-dialog { width: min(460px, 94vw); max-height: 90vh; overflow: auto; padding: 26px; color: #f5ecd9; background: #102126; border: 1px solid #d8bb7c; border-radius: 12px; font: 14px system-ui, sans-serif; }
.cloud-dialog::backdrop { background: #020c12d9; }
.cloud-dialog button { width: 100%; margin-top: 10px; padding: 12px; font-size: 14px; }
.cloud-dialog .cloud-email { overflow-wrap: anywhere; }
@media (max-height: 650px) { .intro { top: 130px; } #startup-hero { top: 25px; } .cloud-panel { padding: 16px 22px; } }