/* Voicepa private rooms — loaded after the original plugin stylesheet. */
:is(#microblog-container,body) .vppts-room-browser {
  --room-ink:#302332; --room-muted:#7a6c7b; --room-accent:#a03768; --room-line:#e8dee7;
  display:block; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--room-ink); font-family:inherit; font-size:14px; line-height:1.65; letter-spacing:0;
}
.vppts-room-browser *, .vppts-room-browser *::before, .vppts-room-browser *::after { box-sizing:border-box; }
.vppts-room-browser svg { display:block; flex:none; width:18px; height:18px; }
.vppts-room-browser__intro { position:relative; padding:0 178px 20px 0; }
.vppts-room-browser__eyebrow { display:block; margin:0 0 5px; color:#a03768; font-size:10px; font-weight:800; line-height:1.5; letter-spacing:.1em; }
:is(#microblog-container,body) .vppts-room-browser__intro h2 { margin:0 0 4px; padding:0; color:#302332; font-size:23px; font-weight:800; line-height:1.5; border:0; background:none; }
:is(#microblog-container,body) .vppts-room-browser__intro p { margin:0; color:#7a6c7b; font-size:13px; line-height:1.7; }
:is(#microblog-container,body) .vppts-room-browser .vppts-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 15px; margin:0; border:1px solid #ded0db; border-radius:10px; box-shadow:none; font-family:inherit; font-size:13px; font-weight:700; line-height:1.5; text-decoration:none!important; background:#fff; color:#704661!important; cursor:pointer; white-space:normal; word-break:normal; }
:is(#microblog-container,body) .vppts-room-browser .vppts-btn:hover { border-color:#a03768; background:#fbeef5; }
:is(#microblog-container,body) .vppts-room-browser .vppts-btn--primary { background:#a03768; color:#fff!important; border-color:#a03768; }
:is(#microblog-container,body) .vppts-room-browser .vppts-btn--primary:hover { background:#842c56; border-color:#842c56; }
:is(#microblog-container,body) .vppts-room-browser__intro .vppts-room-browser__create-button { position:absolute; top:14px; right:0; }
.vppts-room-browser__toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding:0 0 14px; border-bottom:1px solid #e8dee7; }
.vppts-room-browser__tabs { display:flex; gap:4px; padding:4px; border:1px solid #e8dee7; border-radius:12px; background:#fff; }
:is(#microblog-container,body) .vppts-room-browser__tab { min-height:44px; padding:9px 18px; border:0; border-radius:8px; background:transparent; box-shadow:none; color:#7a6c7b; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; }
:is(#microblog-container,body) .vppts-room-browser__tab.is-active { color:#a03768; background:#f8e9f1; }
.vppts-room-browser__search { display:flex; align-items:center; gap:8px; flex:0 1 340px; width:340px; min-width:0; margin:0; padding:4px 5px 4px 13px; border:1px solid #ded0db; border-radius:11px; background:#fff; color:#988894; }
:is(#microblog-container,body) .vppts-room-browser__search input { flex:1; width:0; min-width:0; min-height:40px; margin:0; padding:5px 0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#302332; font-family:inherit; font-size:16px; line-height:1.5; }
:is(#microblog-container,body) .vppts-room-browser__search-submit { flex:none; min-height:44px; padding:8px 11px; border:0; border-radius:8px; background:#f7f2f6; color:#704661; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.vppts-room-browser__status { min-height:38px; padding:10px 0 9px; font-size:12px; color:#7a6c7b; }
.vppts-room-browser__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; min-width:0; }
.vppts-room-card { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #e8dee7; border-radius:15px; background:#fff; overflow:visible; box-shadow:0 3px 10px rgba(56,33,54,.03); }
.vppts-room-card__cover { position:relative; flex:none; width:100%; aspect-ratio:16/8; overflow:hidden; border-radius:14px 14px 0 0; background:#f0dfe9; }
.vppts-room-card__cover>img { display:block; width:100%; height:100%; max-width:none; margin:0; object-fit:cover; object-position:var(--vppts-cover-x,50%) var(--vppts-cover-y,50%); transform:scale(var(--vppts-cover-zoom,1)); transform-origin:var(--vppts-cover-x,50%) var(--vppts-cover-y,50%); }
.vppts-room-card__privacy, .vppts-room-card__role { position:absolute; z-index:1; display:inline-flex; align-items:center; gap:4px; max-width:calc(100% - 24px); padding:4px 8px; border-radius:6px; font-size:10px; font-weight:700; line-height:1.5; white-space:nowrap; }
.vppts-room-card__privacy { top:11px; left:11px; color:#fff; background:rgba(44,27,43,.82); }
.vppts-room-card__privacy svg { width:12px; height:12px; }
.vppts-room-card__role { bottom:11px; right:11px; color:#704661; background:#fff; }
.vppts-room-card__body { display:flex; flex-direction:column; flex:1; min-width:0; padding:16px; }
.vppts-room-card__identity { display:flex; align-items:center; gap:10px; }
.vppts-room-card__identity>div { flex:1; min-width:0; }
.vppts-room-card__icon { display:block; flex:none; width:42px!important; height:42px!important; margin:0; object-fit:cover; border:1px solid #eee5ed; border-radius:12px; }
:is(#microblog-container,body) .vppts-room-card__title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; padding:0; border:0; background:none; color:#302332; font-size:16px; font-weight:800; line-height:1.45; overflow-wrap:anywhere; }
:is(#microblog-container,body) .vppts-room-card__owner { margin:3px 0 0; color:#7a6c7b; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
:is(#microblog-container,body) .vppts-room-card__summary { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:42px; margin:12px 0 10px; color:#655566; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.vppts-room-card__meta { display:flex; align-items:center; gap:7px 12px; flex-wrap:wrap; margin:auto 0 0; color:#7a6c7b; font-size:11px; line-height:1.5; }
.vppts-room-card__meta>span { display:inline-flex; align-items:center; gap:5px; }
.vppts-room-card__meta svg { width:14px; height:14px; }
.vppts-room-card__payment { color:#3f7967; }
.vppts-room-card__notice { margin:10px 0 0; padding:8px 10px; border-radius:7px; color:#92506a; background:#fcf0f3; font-size:12px; }
.vppts-room-card__actions { display:flex; align-items:flex-start; gap:8px; padding-top:14px; }
:is(#microblog-container,body) .vppts-room-card .vppts-room-card__open { flex:1; min-width:0; }
.vppts-room-card__unavailable { flex:1; padding:11px 0; font-size:12px; color:#7a6c7b; }
.vppts-room-card__tools { position:relative; flex:none; font-size:12px; }
.vppts-room-card__tools>summary { display:flex; align-items:center; gap:6px; justify-content:center; min-height:44px; padding:8px 11px; border:1px solid #e8dee7; border-radius:10px; background:#fff; color:#704661; font-weight:700; cursor:pointer; list-style:none; }
.vppts-room-card__tools>summary::-webkit-details-marker { display:none; }
.vppts-room-card__tools>summary::after { content:"⌄"; line-height:1; }
.vppts-room-card__tools[open]>summary { color:#a03768; background:#f8e9f1; }
.vppts-room-card__menu { position:absolute; top:calc(100% + 5px); right:0; z-index:3; display:grid; gap:3px; width:175px; padding:6px; border:1px solid #ded0db; border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(43,22,41,.15); }
:is(#microblog-container,body) .vppts-room-card__menu .vppts-btn { justify-content:flex-start; width:100%; padding:9px 11px; border:0; border-radius:7px; }
.vppts-room-browser__pagination { display:flex; justify-content:center; margin-top:18px; }
:is(#microblog-container,body) .vppts-room-browser [hidden] { display:none!important; }
.vppts-room-empty { grid-column:1/-1; padding:40px 18px; border:1px dashed #dbc7d5; border-radius:14px; text-align:center; color:#7a6c7b; background:#fff; }
.vppts-room-empty svg { width:30px; height:30px; margin:0 auto 12px; color:#bd87a4; }
:is(#microblog-container,body) .vppts-room-empty h3 { display:block; margin:0; padding:0; border:0; background:none; color:#5d485b; font-size:15px; line-height:1.5; }
.vppts-room-empty p { margin:5px 0 0; font-size:13px; }
.vppts-room-browser__create { margin:24px 0 0; padding-top:22px; border-top:1px solid #e8dee7; }
:is(#microblog-container,body) .vppts-room-browser .vppts-entry-card { display:flex; gap:20px; margin:0; padding:18px; border:1px solid #e4d2df; border-radius:13px; background:#fff; box-shadow:none; }
.vppts-room-browser .vppts-entry-main { flex:1; min-width:0; }
.vppts-room-browser .vppts-entry-main>strong { display:block; font-size:15px; line-height:1.5; }
.vppts-room-browser .vppts-entry-main>p { margin:6px 0 10px; color:#7a6c7b; font-size:12px; }
.vppts-room-browser .vppts-entry-badge { display:block; margin:0 0 4px; padding:0; color:#a03768; background:none; font-size:10px; font-weight:800; }
.vppts-room-browser .vppts-entry-note { display:block; margin-top:4px; font-size:11px; color:#7a6c7b; }
.vppts-room-browser .vppts-entry-actions { display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:7px; flex:0 0 165px; }
.vppts-room-browser .vppts-cta-restore { min-height:44px; padding:10px 14px; border:1px solid #ded0db; border-radius:10px; color:#704661; background:#fff; cursor:pointer; }
/* Management/create/intro portals are above the community explorer and entry surface. */
:is(#microblog-container,body) .vppts-modal { position:fixed!important; inset:0!important; z-index:2147483000!important; display:flex; align-items:center; justify-content:center; width:auto; height:auto; margin:0; padding:24px; font-family:inherit; color:#302332; box-sizing:border-box; }
:is(#microblog-container,body) .vppts-modal[hidden] { display:none!important; }
:is(#microblog-container,body) .vppts-modal__backdrop { position:absolute; inset:0; background:rgba(31,18,31,.6); }
:is(#microblog-container,body) .vppts-modal__panel { position:relative; top:auto; left:auto; transform:none; width:min(100%,720px); min-width:0; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); margin:0; padding:24px; overflow-y:auto; overscroll-behavior:contain; border:1px solid #e8dee7; border-radius:18px; background:#fff; box-shadow:0 24px 80px rgba(31,18,31,.25); box-sizing:border-box; }
:is(#microblog-container,body) .vppts-modal__panel h2 { margin:0 50px 18px 0; padding:0; border:0; background:none; color:#302332; font-size:20px; font-weight:800; line-height:1.5; overflow-wrap:anywhere; }
:is(#microblog-container,body) .vppts-modal__close { position:absolute; top:13px; right:13px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:10px; color:#7a6c7b; background:#f7f2f6; box-shadow:none; font-size:26px; font-weight:400; line-height:1; cursor:pointer; }
:is(#microblog-container,body) .vppts-modal .vppts-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; margin:3px 0; padding:9px 14px; border:1px solid #ded0db; border-radius:9px; color:#704661!important; background:#fff; box-shadow:none; font-family:inherit; font-size:13px; font-weight:700; line-height:1.5; text-decoration:none!important; cursor:pointer; }
:is(#microblog-container,body) .vppts-modal .vppts-btn--primary { color:#fff!important; border-color:#a03768; background:#a03768; }
:is(#microblog-container,body) .vppts-modal .vppts-btn--danger { color:#b52e51!important; border-color:#e8b8c4; background:#fff5f6; }
:is(#microblog-container,body) .vppts-modal .vppts-help, :is(#microblog-container,body) .vppts-modal .vppts-slug-policy-note { margin:5px 0 18px; color:#7a6c7b; font-size:12px; line-height:1.7; }
:is(#microblog-container,body) .vppts-modal label { display:block; margin:16px 0 0; color:#5d485b; font-size:13px; font-weight:700; line-height:1.6; }
:is(#microblog-container,body) .vppts-modal :is(input:not([type=checkbox]):not([type=hidden]):not([type=range]),select,textarea) { display:block; width:100%; min-width:0; min-height:44px; margin:6px 0 0; padding:10px 12px; border:1px solid #d9cbd5; border-radius:9px; background:#fff; color:#302332; box-shadow:none; font-family:inherit; font-size:16px; line-height:1.5; box-sizing:border-box; }
:is(#microblog-container,body) .vppts-modal textarea { resize:vertical; }
:is(#microblog-container,body) .vppts-modal label:has(input[type=checkbox]) { display:flex; align-items:flex-start; gap:8px; margin-top:12px; font-weight:400; }
:is(#microblog-container,body) .vppts-modal input[type=checkbox] { flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:#a03768; }
:is(#microblog-container,body) .vppts-modal input[type=file] { padding:6px; font-size:13px; }
.vppts-modal input[type=file]::file-selector-button { min-height:34px; margin-right:10px; padding:6px 11px; border:0; border-radius:6px; background:#f7eaf2; color:#96325f; font-family:inherit; font-weight:700; cursor:pointer; }
:is(#microblog-container,body) .vppts-modal .vppts-tabs { display:flex; gap:4px; margin:0 0 20px; padding:4px; border:1px solid #e8dee7; border-radius:11px; background:#faf7fa; }
:is(#microblog-container,body) .vppts-modal .vppts-tabs button { flex:1; min-width:0; min-height:44px; padding:8px; border:0; border-radius:7px; background:transparent; box-shadow:none; color:#7a6c7b; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
:is(#microblog-container,body) .vppts-modal .vppts-tabs button.is-active { background:#a03768; color:#fff; }
:is(#microblog-container,body) .vppts-modal .vppts-manage-section[hidden] { display:none!important; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor { margin:18px 0 4px; padding:14px; border:1px solid #e8dee7; border-radius:12px; background:#faf8fa; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__file { margin-top:0; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__preview { position:relative; width:100%; aspect-ratio:16/7; height:auto; min-height:0; margin:12px 0 0; border:0; border-radius:9px; background:#efe4ec; overflow:hidden; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__preview img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--vppts-cover-x,50%) var(--vppts-cover-y,50%); transform:scale(var(--vppts-cover-zoom,1)); transform-origin:var(--vppts-cover-x,50%) var(--vppts-cover-y,50%); }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__preview img[hidden] { display:none!important; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__empty { display:grid; place-items:center; height:100%; padding:20px; text-align:center; color:#9a7a91; font-size:12px; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__empty[hidden] { display:none!important; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:10px; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__controls label { margin:0; font-size:11px; }
:is(#microblog-container,body) .vppts-modal input[type=range] { display:block; width:100%; min-height:36px; margin:2px 0 0; padding:0; accent-color:#a03768; }
:is(#microblog-container,body) .vppts-modal .vppts-cover-editor__help { margin:7px 0 0; color:#7a6c7b; font-size:11px; line-height:1.6; }
:is(#microblog-container,body) .vppts-modal .vppts-form-status { margin:16px 0 8px; color:#7a6c7b; font-size:13px; }
:is(#microblog-container,body) .vppts-modal .vppts-form-status.is-error { color:#b52e51; }
:is(#microblog-container,body) .vppts-modal .vppts-member-manager { min-width:0; overflow-x:auto; scrollbar-gutter:stable; }
:is(#microblog-container,body) .vppts-modal .vppts-member-table { width:100%; min-width:550px; margin-top:20px; border-collapse:collapse; font-size:12px; }
:is(#microblog-container,body) .vppts-modal .vppts-member-table :is(th,td) { padding:10px 8px; border:0; border-bottom:1px solid #e8dee7; background:none; color:#5d485b; text-align:left; vertical-align:middle; }
:is(#microblog-container,body) .vppts-modal .vppts-member-table th { font-size:11px; color:#7a6c7b; background:#faf7fa; white-space:nowrap; }
:is(#microblog-container,body) .vppts-modal .vppts-member-table .vppts-btn { min-height:36px; margin:2px; padding:6px 8px; font-size:11px; }
:is(#microblog-container,body) .vppts-modal .vppts-invite-box { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; }
:is(#microblog-container,body) .vppts-modal .vppts-search-results { grid-column:1/-1; }
:is(#microblog-container,body) .vppts-modal .vppts-payment-status { padding:16px; border:1px solid #e8dee7; border-radius:12px; background:#faf8fa; font-size:13px; }
:is(#microblog-container,body) .vppts-modal :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #b65381!important; outline-offset:3px!important; box-shadow:none!important; }
:is(#microblog-container,body) .vppts-room-browser :is(button,a,input,summary):focus-visible { outline:3px solid #b65381!important; outline-offset:3px!important; box-shadow:none!important; }
:is(#microblog-container,body) .vppts-modal button:disabled, :is(#microblog-container,body) .vppts-room-browser button:disabled { opacity:.55; cursor:wait; }
/* The same room identity continues in its introduction and invitation page. */
:is(#microblog-container,body) :is(.vppts-intro-card,.vppts-public-intro) { margin:14px 0; border:1px solid #e8dee7; border-radius:15px; background:#fff; box-shadow:none; color:#302332; font-family:inherit; overflow:hidden; }
:is(#microblog-container,body) :is(.vppts-intro-card,.vppts-public-intro)[hidden] { display:none!important; }
:is(#microblog-container,body) :is(.vppts-intro-card__cover,.vppts-public-intro__cover) { height:180px; background:#f0dfe9; }
:is(#microblog-container,body) :is(.vppts-intro-card__cover,.vppts-public-intro__cover)>img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--vppts-cover-x,50%) var(--vppts-cover-y,50%); transform:scale(var(--vppts-cover-zoom,1)); transform-origin:var(--vppts-cover-x,50%) var(--vppts-cover-y,50%); }
:is(#microblog-container,body) :is(.vppts-intro-card__body,.vppts-public-intro__body) { padding:18px; }
:is(#microblog-container,body) .vppts-intro-card__head { align-items:center; gap:12px; }
:is(#microblog-container,body) .vppts-intro-card__icon { flex:none; width:48px; height:48px; border:1px solid #e8dee7; border-radius:13px; }
:is(#microblog-container,body) .vppts-public-intro__icon { position:relative; width:60px; height:60px; margin-top:-46px; border:3px solid #fff; border-radius:15px; box-shadow:0 3px 10px rgba(43,22,41,.09); }
:is(#microblog-container,body) .vppts-intro-card__titlewrap { min-width:0; }
:is(#microblog-container,body) :is(.vppts-intro-card__titlewrap h2,.vppts-public-intro h1) { margin:3px 0 5px; padding:0; border:0; color:#302332; background:none; font-size:20px; line-height:1.45; overflow-wrap:anywhere; }
:is(#microblog-container,body) :is(.vppts-intro-card__badge,.vppts-public-intro .vppts-entry-badge) { display:inline-block; margin:0 0 3px; padding:3px 7px; border-radius:5px; background:#f8e9f1; color:#a03768; font-size:10px; font-weight:700; }
:is(#microblog-container,body) :is(.vppts-intro-card__titlewrap p,.vppts-public-intro__tagline) { margin:3px 0 5px; color:#655566; font-size:13px; line-height:1.6; }
:is(#microblog-container,body) :is(.vppts-intro-card__titlewrap small,.vppts-public-intro__owner) { color:#7a6c7b; font-size:11px; line-height:1.6; }
:is(#microblog-container,body) :is(.vppts-intro-card__excerpt,.vppts-intro-card__details,.vppts-public-intro .vppts-richtext) { font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
:is(#microblog-container,body) :is(.vppts-intro-card,.vppts-public-intro) .vppts-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 14px; border:1px solid #ded0db; border-radius:9px; color:#704661!important; background:#fff; font-size:13px; font-weight:700; line-height:1.5; text-decoration:none!important; }
:is(#microblog-container,body) :is(.vppts-intro-card,.vppts-public-intro) .vppts-btn--primary { color:#fff!important; background:#a03768; border-color:#a03768; }
:is(#microblog-container,body) .vppts-public-intro .vppts-entry-actions { display:flex; flex-wrap:wrap; gap:8px; }
:is(#microblog-container,body) .vppts-intro-card__details[hidden] { display:none!important; }
@media(min-width:641px) {
  .vppts-room-card:only-child { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  .vppts-room-card:only-child .vppts-room-card__cover { height:100%; min-height:250px; aspect-ratio:auto; border-radius:14px 0 0 14px; }
  .vppts-room-card:only-child .vppts-room-card__body { padding:22px; }
  .vppts-room-card:only-child .vppts-room-card__title { font-size:19px; }
}
@media(max-width:640px) {
  .vppts-room-browser__intro { padding:0 0 16px; }
  :is(#microblog-container,body) .vppts-room-browser__intro h2 { font-size:20px; }
  :is(#microblog-container,body) .vppts-room-browser__intro .vppts-room-browser__create-button { position:static; margin-top:12px; }
  .vppts-room-browser__toolbar { gap:10px; }
  .vppts-room-browser__tabs { width:100%; }
  :is(#microblog-container,body) .vppts-room-browser__tab { flex:1; padding:9px 8px; }
  .vppts-room-browser__search { flex-basis:100%; width:100%; }
  .vppts-room-browser__grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .vppts-room-card__cover { aspect-ratio:16/7; }
  .vppts-room-card__body { padding:14px; }
  .vppts-room-card__summary { min-height:0; }
  .vppts-room-card__tools>summary { padding:8px; font-size:11px; }
  :is(#microblog-container,body) .vppts-room-browser .vppts-entry-card { display:block; padding:15px; }
  .vppts-room-browser .vppts-entry-actions { flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin-top:14px; }
  .vppts-room-browser .vppts-entry-actions .vppts-btn { flex:1 1 auto; }
  :is(#microblog-container,body) .vppts-modal { padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
  :is(#microblog-container,body) .vppts-modal__panel { width:100%; max-height:calc(100vh - 24px); max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))); margin:0; padding:19px 15px; border-radius:16px; }
  :is(#microblog-container,body) .vppts-modal__panel h2 { font-size:18px; }
  :is(#microblog-container,body) .vppts-modal .vppts-cover-editor { padding:10px; }
  :is(#microblog-container,body) .vppts-modal .vppts-cover-editor__controls { gap:8px; }
  :is(#microblog-container,body) :is(.vppts-intro-card__cover,.vppts-public-intro__cover) { height:135px; }
  :is(#microblog-container,body) :is(.vppts-intro-card__body,.vppts-public-intro__body) { padding:14px; }
}

/* Community identity and leader identity always use separate images. */
:is(#microblog-container,body) .vppts-room-card .vppts-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; margin:0; padding:9px 15px; border:1px solid #ded0db; border-radius:10px; background:#fff; color:#704661!important; font-family:inherit; font-size:13px; font-weight:700; line-height:1.5; text-decoration:none!important; box-shadow:none; cursor:pointer; white-space:normal; }
:is(#microblog-container,body) .vppts-room-card .vppts-btn--primary { border-color:#a03768; background:#a03768; color:#fff!important; }
:is(#microblog-container,body) .vppts-room-card .vppts-btn:hover { border-color:#a03768; background:#fbeef5; }
:is(#microblog-container,body) .vppts-room-card .vppts-btn--primary:hover { border-color:#842c56; background:#842c56; }

:is(#microblog-container,body) .vppts-room-card__leader { display:flex; align-items:center; gap:9px; min-height:48px; min-width:0; margin:0 0 13px; padding:7px 9px; border:1px solid #eee5ed; border-radius:10px; background:#faf7fa; color:#5d485b!important; text-decoration:none!important; }
:is(#microblog-container,body) a.vppts-room-card__leader:hover { border-color:#d4a7c0; background:#f9edf4; }
:is(#microblog-container,body) .vppts-room-card__leader-avatar { display:block; flex:none; width:32px!important; height:32px!important; margin:0; border-radius:50%; object-fit:cover; }
:is(#microblog-container,body) .vppts-room-card__leader-avatar--initial { display:grid; place-items:center; background:#edd8e6; color:#96325f; font-weight:800; }
:is(#microblog-container,body) .vppts-room-card__leader-text { display:flex; flex-direction:column; flex:1; min-width:0; }
:is(#microblog-container,body) .vppts-room-card__leader-label { font-size:10px; line-height:1.4; color:#968191; font-weight:500; }
:is(#microblog-container,body) .vppts-room-card__leader-name { display:block; font-size:12px; line-height:1.5; color:#5d485b; overflow-wrap:anywhere; }
:is(#microblog-container,body) .vppts-room-card__identity { min-width:0; }
:is(#microblog-container,body) .vppts-room-card__identity>.vppts-room-card__title { flex:1; min-width:0; }
:is(#microblog-container,body) .vppts-room-card__body>.vppts-room-card__leader:first-of-type { margin-top:11px; }
:is(#microblog-container,body) .vppts-room-card-list--single { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; }
:is(#microblog-container,body) .vppts-room-browser__intro { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 0 18px; }
:is(#microblog-container,body) .vppts-room-browser__intro .vppts-room-browser__create-button { position:static; flex:none; margin:0; }
:is(#microblog-container,body) .vppts-room-browser__intro h2 { font-size:20px; }
:is(#microblog-container,body) .vppts-room-guest .vppts-entry-actions { align-items:center; flex-direction:row; justify-content:center; margin-top:20px; }
@media(min-width:641px) {
  .vppts-room-card:only-child .vppts-room-card__cover { min-height:300px; }
}
@media(max-width:640px) {
  :is(#microblog-container,body) .vppts-room-browser__intro { align-items:flex-start; flex-wrap:wrap; gap:9px; }
  :is(#microblog-container,body) .vppts-room-browser__intro h2 { font-size:18px; }
  :is(#microblog-container,body) .vppts-room-browser__intro .vppts-room-browser__create-button { min-height:44px; padding:8px 11px; font-size:12px; }
  :is(#microblog-container,body) .vppts-room-card__actions { flex-wrap:wrap; }
  :is(#microblog-container,body) .vppts-room-card .vppts-room-card__open { flex:1 1 140px; }
  :is(#microblog-container,body) .vppts-room-card__tools { margin-left:auto; }
}