dialog.rumi-install {
  position: fixed; inset: 0; margin: auto; box-sizing: border-box;
  width: min(340px, calc(100vw - 40px)); padding: 26px; border-radius: 24px;
  background: #19171e; color: #fff; border: 1px solid #433d48;
  text-align: center; font: 16px/1.5 system-ui, sans-serif; box-shadow: 0 12px 50px #0005;
}
.rumi-install::backdrop { background: #0009; }
.rumi-install img { border-radius: 15px; }
.rumi-install h2 { font-size: 21px; margin: 10px 0 6px; }
.rumi-install p { color: #d6cfd9; font-size: 14px; margin: 0 0 20px; }
.rumi-install button { display: block; width: 100%; padding: 10px; border: 0; border-radius: 12px; font: inherit; cursor: pointer; }
.rumi-install .rumi-add { background: #fff; color: #211827; font-weight: 650; }
.rumi-install .rumi-later { margin-top: 4px; background: transparent; color: #d6cfd9; }
.rumi-install button[hidden] { display: none; }
dialog.rumi-account { text-align: left; }
.rumi-account .account-close { position:absolute; top:12px;right:12px;width:36px;height:36px;padding:0;border-radius:50%;background:#302b32;color:#fff; }
.rumi-account .wechat-login { background:#c9ecd9;color:#173829;font-weight:650;margin:14px 0; }
.rumi-account .phone-login { display:grid; gap:8px; }
.rumi-account label {font-size:13px;color:#e2d6e1;}
.rumi-account .phone-row { display:flex;gap:6px; }
.rumi-account select,.rumi-account input,.rumi-account .send-code {min-width:0;padding:10px;border-radius:10px;background:#2d2830;color:#f7edf5;border:1px solid #534956;font:inherit;font-size:14px;}
.rumi-account input { flex:1; }
.rumi-account .send-code {width:auto;}
.rumi-account .rumi-add {margin:8px 0;}
.rumi-account button:disabled {opacity:.56;cursor:default;}
.rumi-account p[role=status]:not(:empty) {margin:10px 0 0;}

.rumi-account .phone-prefix { align-self:center; padding:0 6px; font-weight:650; }
.rumi-account form small {font-size:12px; color:#bfb2c0;}