.cloud-v4-btn{display:flex;align-items:center;gap:7px}.cloud-dot{width:7px;height:7px;border-radius:50%;background:#697481;box-shadow:0 0 0 3px rgba(255,255,255,.03)}.cloud-v4-btn[data-state="online"] .cloud-dot{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.1)}.cloud-v4-btn[data-state="signedout"] .cloud-dot{background:#fbbf24}.cloud-v4-btn[data-state="error"] .cloud-dot{background:#fb7185}.cloud-v4-card{width:min(720px,100%)}.cloud-v4-body{margin-top:18px}.cloud-setup{text-align:center;padding:12px 18px 8px}.cloud-orb{width:74px;height:74px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle at 35% 30%,#323944,#171b20);border:1px solid #37404a}.cloud-setup h3{font:700 17px var(--font);margin:0 0 8px}.cloud-setup p{color:#87919d;font-size:10px;line-height:1.65}.cloud-setup code{display:block;margin:16px auto;padding:13px;border:1px solid var(--line);background:#0b0d10;border-radius:9px;color:#d9dee5;font-size:10px;line-height:1.9;text-align:left;max-width:420px}.muted{color:#687481!important;font-size:9px!important;line-height:1.6}.cloud-field{display:grid;gap:6px;color:#8d97a3;font-size:9px;margin:12px 0}.cloud-field input,.cloud-field select{height:40px;border:1px solid var(--line2);border-radius:8px;background:#0b0d10;color:#eef0f3;padding:0 11px;outline:none}.cloud-user{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#15191e;border-radius:11px;padding:11px}.cloud-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#f4f5f6,#ff8a55);color:#111;font-weight:800}.cloud-user b,.cloud-user small{display:block}.cloud-user b{font-size:10px}.cloud-user small{color:#717c88;font-size:8px;margin-top:3px}.cloud-user button{margin-left:auto;border:1px solid var(--line);background:#111419;border-radius:7px;padding:7px 9px;font-size:8px}.cloud-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.cloud-grid button{min-height:105px;border:1px solid var(--line);background:linear-gradient(145deg,#171b20,#111419);border-radius:11px;padding:13px;text-align:left;cursor:pointer}.cloud-grid button:hover{border-color:#46505c;transform:translateY(-1px)}.cloud-grid strong{display:block;font-size:22px;margin-bottom:12px}.cloud-grid b{display:block;font-size:10px}.cloud-grid small{display:block;color:#6f7a87;font-size:8px;line-height:1.5;margin-top:5px}.cloud-current{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr auto;gap:3px}.cloud-current small{grid-column:1/-1;color:#66717e;font-size:7px;letter-spacing:.15em}.cloud-current b{font-size:10px}.cloud-current span{color:#7b8794;font-size:8px}.cloud-projects{display:grid;gap:7px}.cloud-projects button{border:1px solid var(--line);background:#15191e;border-radius:9px;padding:11px;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.cloud-projects button:hover{border-color:#46505c}.cloud-projects b,.cloud-projects small{display:block}.cloud-projects b{font-size:10px}.cloud-projects small,.cloud-projects span{color:#707b87;font-size:8px}.cloud-invite-link{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:12px}.cloud-invite-link input{min-width:0;border:1px solid var(--line);border-radius:7px;background:#0b0d10;color:#cfd5dc;padding:8px;font-size:8px}.cloud-invite-link button{border:1px solid var(--line);background:#1a1f25;border-radius:7px;padding:0 12px;font-size:8px}@media(max-width:780px){.cloud-v4-btn .cloud-label{display:none}.cloud-grid{grid-template-columns:1fr}}