.fan-experience{background:#111117}.fan-experience .sidebar,.fan-experience .toolbar,.fan-experience .ai-fab{display:none}.fan-experience .workspace{margin:0!important;padding:0!important}.fan-experience .workspace-content{max-width:none!important;margin:0!important;padding:0!important}.fan-experience .preview-bar{position:relative;z-index:5}.fan-discovery{position:relative;height:calc(100dvh - 42px);min-height:500px;background:#111117;color:#fff}.fan-explore-header{height:66px;display:flex;align-items:center;justify-content:center;gap:18px;position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#111117,#111117e0,transparent);padding:12px 24px}.fan-wordmark{color:white;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.fan-explore-header input{border:1px solid #35353c;border-radius:24px;background:#202027;color:white;padding:10px 16px;width:min(260px,40vw);font:inherit;font-size:12px}.fan-explore-header button{border:1px solid #35353c;border-radius:20px;padding:9px 14px;background:#202027;color:#aaa;cursor:pointer}.fan-explore-header button[aria-pressed=true]{background:#6038bd;color:white}.fan-explore-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;padding:76px 0 90px;box-sizing:border-box;scroll-padding-top:76px}.fan-creator{scroll-snap-align:start;width:min(510px,calc(100% - 24px));min-height:calc(100dvh - 205px);margin:0 auto 80px;position:relative;background:#111117;border-radius:26px;overflow:hidden;text-align:center}.fan-creator-cover{height:440px;max-height:56dvh;position:relative;overflow:hidden;border-radius:26px 26px 0 0}.fan-creator-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#111117 100%)}.fan-creator-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.fan-no-photo{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#3e324a,#111117);font-size:100px}.fan-creator-content{position:relative;margin-top:-100px;z-index:1;padding:0 20px 24px}.fan-creator-avatar{width:106px;height:106px;border-radius:50%;border:4px solid #111117;margin:0 auto 18px;overflow:hidden;background:#292333;display:grid;place-items:center;font-size:32px}.fan-creator-avatar img{width:100%;height:100%;object-fit:cover}.fan-creator h2{font-size:16px;margin:12px 0;color:#fff;overflow-wrap:anywhere}.fan-creator-bio{font-size:12px;color:#92929e;max-width:340px;line-height:1.6;margin:12px auto}.fan-creator-socials{display:flex;justify-content:center;gap:10px;margin:18px 0}.fan-creator-socials a{border-radius:50%;display:grid;place-items:center;width:36px;height:36px;background:#24242d;color:#c5c5d0;text-decoration:none;font-size:18px}.fan-creator-actions{display:flex;justify-content:center;gap:32px;margin:22px 0}.fan-creator-actions>div{display:flex;flex-direction:column;gap:12px;align-items:center}.fan-creator-actions button{width:58px;height:58px;border:0;background:#25252f;border-radius:50%;color:#d2cddd;cursor:pointer}.fan-creator-actions svg{width:27px;height:27px}.fan-creator-actions span{font-size:11px;color:#a7a4b4}.fan-creator-actions button:disabled{opacity:.35;cursor:not-allowed}.fan-creator-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.fan-creator-links a,.fan-creator-links button{font:inherit;font-size:11px;color:#b6abc9;background:none;border:0;text-decoration:none;cursor:pointer;padding:8px 0}.fan-save{display:inline-flex;align-items:center;gap:8px;color:#96929f;border:0;background:none;padding:14px;cursor:pointer;font-size:11px}.fan-save svg{width:19px;height:19px}.fan-save[aria-pressed=true]{color:#bd9aff}.fan-save[aria-pressed=true] svg{fill:#7a48bb55}.fan-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:center;gap:clamp(38px,8vw,100px);background:#111117ed;border-top:1px solid #24242c;z-index:10;backdrop-filter:blur(16px)}.fan-bottom-nav a{color:#8f8b9c;display:flex;align-items:center;gap:6px;flex-direction:column;text-decoration:none;font-size:10px}.fan-bottom-nav svg{width:24px;height:24px}.fan-bottom-nav [aria-current=page]{color:#d2b6ff}.fan-bottom-nav small{font-size:10px}.fan-scroll-hint{position:absolute;top:50%;left:calc(50% + 290px);color:#6b647c;font-size:11px;pointer-events:none;white-space:nowrap}.fan-no-results{min-height:60vh;display:grid;align-content:center;justify-items:center;color:#888}.fan-no-results h2{color:#eee}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.communications.dm-experience .page-heading{margin-bottom:16px}.communications.dm-experience .page-heading h1{font-size:24px}.communications.dm-experience .page-heading p{display:none}.communications.dm-experience .notice{font-size:11px;margin:12px 0}.dm-experience{padding:24px!important;background:#111117;max-width:1200px!important;min-height:calc(100dvh - 42px);box-sizing:border-box}.dm-experience .service-pricing{padding:12px 18px;margin-bottom:16px}.dm-experience .service-pricing summary{cursor:pointer;font-size:13px}.dm-experience .comm-inbox{grid-template-columns:270px minmax(0,640px);gap:24px;justify-content:center;min-height:0}.dm-experience .card.comm-threads{border:0;border-radius:18px;background:#17171f;padding:18px}.dm-experience .comm-threads h2{font-size:18px}.dm-experience .comm-thread{display:flex;align-items:center;gap:12px;padding:18px 0}.dm-thread-avatar{width:42px;height:42px;border-radius:50%;background:#33303e;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.dm-thread-avatar img{width:100%;height:100%;object-fit:cover}.dm-thread-text{display:grid;gap:5px;min-width:0}.dm-thread-text b{font-size:13px}.dm-thread-text small{font-size:11px}.dm-experience .comm-conversation{background:#111117!important;border:0!important;padding:0!important;margin:0!important;min-height:600px;position:relative}.dm-topbar{display:flex;align-items:center;gap:12px;padding:0 0 20px}.dm-topbar>div{display:flex;gap:10px;align-items:center;margin-left:auto}.dm-icon{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#25252e;color:#d4d0dd;cursor:pointer}.dm-icon svg{width:22px;height:22px}.dm-wallet{display:flex;align-items:center;gap:8px;border:0;background:#6133ba;color:white;border-radius:24px;padding:11px 18px;font-size:13px}.dm-welcome{margin:auto auto 30px;text-align:center;width:100%;padding:30px 0}.dm-welcome .dm-portrait{width:94px;height:94px;border-radius:50%;object-fit:cover;background:#292332;margin-bottom:20px}.dm-welcome h2{font-size:17px;margin:8px 0 30px}.dm-welcome strong{font-size:14px}.dm-welcome p{font-size:12px;color:#837f91;margin:16px 0}.dm-experience .comm-bubbles{flex:1;height:320px;min-height:180px}.dm-experience .comm-bubble.mine{background:#6133ba}.dm-experience .comm-bubble{background:#25252f}.dm-experience #comm-send{display:flex;align-items:flex-end;border:1px solid #292630;border-radius:28px;padding:8px 10px 8px 18px;margin-top:16px;background:#14141a;gap:8px}.dm-experience #comm-send textarea{min-height:28px;max-height:140px;height:28px;border:0;resize:none;background:none;border-radius:0;padding:4px 0;flex:1;box-shadow:none;font-size:13px}.dm-composer-actions{display:flex;gap:6px;align-items:center}.dm-composer-actions .dm-icon{width:34px;height:34px;background:none}.dm-experience .dm-payment-note{font-size:10px;text-align:center;color:#777281;margin:8px 0 0}.dm-experience .comm-empty a{color:#c7a7ff}.fan-experience .dm-experience{padding-bottom:96px!important}.dm-experience .dm-preview-label{font-size:10px;color:#8f7faa}.dm-experience .comm-count{right:auto;top:auto}.dm-experience .dm-older{align-self:center;font-size:11px;background:none;border:0;color:#b99de1;padding:10px}.dm-experience .dm-typing{font-size:11px;color:#9a90ac}
@media(max-width:950px){.fan-scroll-hint{display:none}.dm-experience .comm-inbox{grid-template-columns:230px minmax(0,1fr)}.dm-experience .comm-conversation{min-height:550px}}@media(max-width:650px){.fan-explore-header{gap:10px;padding:12px}.fan-wordmark{font-size:21px}.fan-creator{margin-bottom:40px}.fan-creator-cover{height:52dvh}.fan-creator-actions{gap:24px}.fan-creator-content{padding:0 12px 24px}.dm-experience{padding:12px!important}.dm-experience .comm-inbox{display:block}.dm-experience .comm-conversation{min-height:calc(100dvh - 220px)}.dm-experience.dm-thread-open .comm-threads{display:none}.dm-experience:not(.dm-thread-open) .comm-conversation{display:none}.dm-experience.dm-thread-open .page-heading,.dm-experience.dm-thread-open .service-pricing{display:none}.dm-experience .comm-bubbles{height:calc(100dvh - 370px)}.dm-experience .comm-threads{max-height:none}.fan-bottom-nav{gap:55px}.fan-creator-actions span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fan-explore-feed{scroll-behavior:auto}}

.fan-experience .main-shell{margin-left:0!important;margin-inline-start:0!important;padding:0!important}.fan-experience .topbar,.fan-experience .floating-ai{display:none}.fan-experience .main-shell>main{padding:0!important;max-width:none!important}.fan-experience .preview-bar{padding:10px 20px}.dm-experience .comm-empty>svg{width:40px;height:40px;color:#80758f}.dm-portrait.dm-thread-avatar{margin:0 auto 20px}.comm-thread[hidden]{display:none!important}

.fan-experience .dm-experience{height:calc(100dvh - 42px);min-height:0;padding:20px 24px 96px!important;display:flex;flex-direction:column}.fan-experience .dm-experience>.page-heading,.fan-experience .dm-experience>.notice{display:none}.fan-experience .dm-experience>.comm-inbox{flex:1;min-height:0}.fan-experience .dm-experience .comm-conversation{height:100%;min-height:0}.fan-experience .dm-experience .comm-bubbles{height:auto;min-height:0}.fan-experience .dm-experience .dm-welcome{padding:12px 0;margin:auto auto 24px}.fan-experience .dm-experience .comm-threads{overflow:auto}.fan-creator-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fan-creator-socials{margin:10px 0}.fan-creator-cover{max-height:48dvh}.fan-creator-actions{margin:16px 0}@media(max-width:650px){.fan-experience .dm-experience{padding:14px 12px 96px!important}.fan-experience .dm-thread-open .comm-inbox{height:100%}.fan-experience .dm-experience:not(.dm-thread-open) .comm-threads{height:100%;box-sizing:border-box}.fan-creator-cover{max-height:42dvh}.fan-creator-bio{-webkit-line-clamp:1}.fan-creator-actions{gap:26px}.fan-creator-actions button{width:52px;height:52px}}

.fan-creator-socials img{width:24px;height:24px;object-fit:contain}.fan-creator-socials a:focus-visible,.fan-creator-actions button:focus-visible,.fan-bottom-nav a:focus-visible{outline:2px solid #bb9de8;outline-offset:4px}

/* Creator inbox uses the dashboard canvas and all remaining viewport space. */
.messages-workspace{height:100dvh;min-height:0;display:flex;flex-direction:column}
.messages-workspace>.topbar,.messages-workspace>.preview-bar{flex-shrink:0}
.messages-workspace>main{flex:1;min-height:0;padding:20px 24px!important}
.messages-workspace>main>.workspace-content{width:100%;max-width:none;margin:0;height:100%}
.messages-workspace .dm-experience{width:100%;max-width:none!important;height:100%;min-height:0;padding:0!important;background:var(--bg);display:flex;flex-direction:column}
.messages-workspace .dm-experience>.page-heading,.messages-workspace .dm-experience>.notice{display:none}
.messages-workspace .dm-experience .service-pricing{flex-shrink:0;margin:0 0 16px;padding:12px 18px;border-radius:12px;background:var(--panel)}
.messages-workspace .service-pricing details[open]{max-height:35dvh;overflow:auto}
.messages-workspace .service-pricing details[open] h2{margin-top:18px}
.messages-workspace .service-pricing form{display:flex;gap:18px;align-items:end;flex-wrap:wrap}
.messages-workspace .service-pricing form label{flex:1;min-width:180px;margin:8px 0}
.messages-workspace .service-pricing form button{margin-bottom:8px}
.messages-workspace .dm-experience .comm-inbox{flex:1;min-height:0;grid-template-columns:clamp(280px,25%,360px) minmax(0,1fr);gap:0;justify-content:stretch;border:1px solid var(--border);border-radius:18px;overflow:hidden}
.messages-workspace .dm-experience .card.comm-threads{background:var(--bg);border:0;border-radius:0;margin:0;padding:24px;max-height:none;min-height:0;overflow:auto}
.messages-workspace .dm-experience .comm-threads h2{font-size:22px;margin-bottom:20px}
.messages-workspace .dm-experience .comm-thread{padding:20px 0}
.messages-workspace .dm-thread-text b{font-size:14px}
.messages-workspace .dm-thread-text small{font-size:12px}
.messages-workspace .dm-experience .comm-conversation{height:100%;min-height:0;background:var(--bg)!important;border-radius:0;border:0!important;border-inline-start:1px solid var(--border)!important;padding:24px 28px!important;overflow:hidden}
.messages-workspace .dm-experience .comm-bubbles{height:auto;min-height:0}
.messages-workspace .dm-topbar{flex-shrink:0;border-bottom:1px solid var(--border);padding-bottom:16px}
.messages-workspace .dm-experience .dm-welcome{padding:20px 0;margin:auto auto 24px}
.messages-workspace .dm-experience #comm-send{background:var(--panel);border-color:var(--border);flex-shrink:0}
.messages-workspace .dm-icon,.messages-workspace .dm-experience .comm-bubble{background:#232326}
.messages-workspace .dm-wallet,.messages-workspace .dm-experience .comm-bubble.mine{background:#38383e}
.messages-workspace .dm-thread-avatar{background:#2b2b30}
.messages-workspace .dm-experience .comm-empty>svg{color:var(--muted)}
.messages-workspace .floating-ai{display:none}
@media(max-width:950px){.messages-workspace>main{padding:16px!important}.messages-workspace .dm-experience .comm-inbox{grid-template-columns:280px minmax(0,1fr)}.messages-workspace .dm-experience .comm-conversation{padding:20px!important}.messages-workspace .dm-experience .card.comm-threads{padding:20px}}
@media(max-width:650px){.messages-workspace>main{padding:12px!important}.messages-workspace .dm-experience .comm-inbox{display:block}.messages-workspace .dm-experience .card.comm-threads{height:100%;padding:20px}.messages-workspace .dm-experience .comm-conversation{border-inline-start:0!important;padding:16px!important}.messages-workspace .service-pricing form{gap:4px}.messages-workspace .service-pricing form label{min-width:100%;}.messages-workspace .dm-experience .comm-empty h2{font-size:20px}}

/* Fan DM first (29 Oct 2026): her DM before sign-up, sign-up and Add credits sheets inside the DM. */
.dmx-guest-body{background:#0e0e12}
.dmx-guest-body #app>.dmx-guest{height:100dvh;padding:16px 20px 18px!important;max-width:820px;margin:0 auto}
.dmx-guest .comm-inbox{display:block;height:100%}
.dmx-guest .comm-conversation{height:100%;display:flex;flex-direction:column;background:transparent!important;border:0!important;padding:0!important}
.dmx-guest .dm-topbar{display:flex;justify-content:space-between;align-items:center}
.dmx-guest .dm-topbar>div{display:flex;gap:8px;align-items:center}
.dmx-guest .dm-welcome,.dm-welcome.dmx-w{margin:auto auto 18px;text-align:center;display:grid;justify-items:center;gap:4px}
.dmx-guest .dm-welcome h2,.dm-welcome.dmx-w h2{margin:10px 0 0;font-size:20px}
.dmx-guest .dm-welcome strong,.dm-welcome.dmx-w strong{margin-top:14px;font-size:16px}
.dmx-guest .dm-welcome p,.dm-welcome.dmx-w p{margin:2px 0 0;color:#9a9aa6;font-size:14px}
.dmx-guest .dm-portrait,.dm-welcome.dmx-w .dm-portrait{width:112px;height:112px;border-radius:50%;object-fit:cover}
.dmx-guest #comm-send{display:flex;align-items:flex-end;gap:8px;border:1px solid #26262d;border-radius:22px;padding:8px 8px 8px 16px;background:#15151b}
.dmx-guest #comm-send textarea{flex:1;min-height:28px;height:28px;resize:none;border:0;background:none;color:#fff;font:inherit;font-size:15px;outline:none;padding:4px 0}
.dmx-guest .dm-composer-actions{display:flex;gap:2px}
.dmx-guest .dm-icon{width:40px;height:40px;border-radius:50%;border:0;background:#1d1d24;color:#fff;display:grid;place-items:center;cursor:pointer}
.dmx-guest .dm-composer-actions .dm-icon{background:none}
.dmx-guest .dm-icon svg,.dmx-offers svg,.dmx-follow svg,.dmx-balance svg,.dmx-gets svg{width:20px;height:20px}
.dmx-guest .dm-payment-note{margin:8px 0 0;text-align:center;font-size:12px;color:#7d7d88}
.dmx-handle{color:#9a9aa6;font-size:14px;margin:0}
.dmx-balance{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 6px 0 16px;border-radius:999px;border:0;background:#6022f5!important;color:#fff;font:600 16px/1 inherit;cursor:pointer}
.dmx-balance span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.25)}.dmx-balance span svg{width:16px;height:16px}
.dmx-follow{display:inline-flex;align-items:center;gap:6px;margin-top:10px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid #34343c;background:transparent;color:#fff;font:600 13px inherit;cursor:pointer}
.dmx-follow.on{background:#fff;color:#111;border-color:#fff}.dmx-follow svg{width:16px!important;height:16px!important}
.dmx-offers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.dmx-offers button{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:14px;border:1px solid #2a2a31;background:#16161c;color:#fff;font:inherit;cursor:pointer;text-align:left}
.dmx-offers button:hover{border-color:#7b5cff}.dmx-offers span{display:grid;font-size:12px;color:#b7b7c2}.dmx-offers b{color:#fff;font-size:13px}
.comm-conversation .dmx-offers{margin-bottom:6px}
/* Sheets */
.dmx-sheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.dmx-scrim{position:absolute;inset:0;background:rgba(4,4,7,.72);backdrop-filter:blur(4px);animation:dmx-fade .2s ease both}
.dmx-panel{position:relative;width:min(520px,100%);max-height:92dvh;overflow:auto;background:#141419;border:1px solid #26262d;border-bottom:0;border-radius:26px 26px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));color:#fff;animation:dmx-up .28s cubic-bezier(.2,.8,.2,1) both}
@media(min-width:700px){.dmx-sheet{align-items:center}.dmx-panel{border-radius:26px;border-bottom:1px solid #26262d}}
@keyframes dmx-up{from{transform:translateY(40px);opacity:0}}@keyframes dmx-fade{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.dmx-panel,.dmx-scrim{animation:none}}
.dmx-grip{display:block;width:40px;height:4px;border-radius:9px;background:#3a3a42;margin:-8px auto 12px}
.dmx-x{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:50%;border:0;background:#1f1f26;color:#fff;display:grid;place-items:center;cursor:pointer}.dmx-x svg{width:18px;height:18px}
.dmx-panel h2{margin:0;font-size:21px;line-height:1.25}
.dmx-sub{margin:4px 0 0;color:#a5a5b0;font-size:14px}
.dmx-who{display:flex;align-items:center;gap:14px;margin:8px 0 18px;padding-left:44px}
.dmx-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.dmx-panel>h2{padding-left:44px;margin-top:6px}.dmx-panel>.dmx-sub{padding-left:44px;margin-bottom:16px}
.dmx-google{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:0;background:#fff;color:#1f1f1f;font:600 16px inherit;cursor:pointer}
.dmx-google:disabled{opacity:.5;cursor:default}.dmx-g{width:20px;height:20px}
.dmx-or{display:flex;align-items:center;gap:12px;color:#77777f;font-size:13px;margin:16px 0}.dmx-or::before,.dmx-or::after{content:"";flex:1;height:1px;background:#2a2a31}
.dmx-form{display:grid;gap:12px}
.dmx-form label{display:grid;gap:6px;font-size:13px;color:#b5b5bf}
.dmx-form input:not([type=checkbox]){min-height:50px;border-radius:14px;border:1px solid #2c2c34;background:#0f0f14;color:#fff;font:inherit;font-size:16px;padding:0 14px}
.dmx-form input:focus{outline:2px solid #7b5cff;outline-offset:1px}
.dmx-form .dmx-tick{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;font-size:13px}.dmx-tick input{width:18px;height:18px;margin-top:1px;accent-color:#7b5cff;flex:none}
.dmx-tick a{color:#c9b8ff}
.dmx-form .btn,.dmx-pay{width:100%;min-height:52px;border-radius:999px;font-size:16px}
.dmx-code{letter-spacing:.4em;text-align:center;font-size:22px!important}
.dmx-status{margin:0;min-height:18px;color:#ffb4b4;font-size:13px}
.dmx-fine{margin:10px 0 0;color:#7d7d88;font-size:12px;text-align:center}
.dmx-link{background:none;border:0;color:#c9b8ff;font:inherit;font-size:14px;cursor:pointer;padding:6px}
.dmx-amounts{display:grid;gap:8px}
.dmx-amount{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;border-radius:16px;border:1px solid #2a2a31;background:#101015;color:#fff;font:inherit;text-align:left;cursor:pointer}
.dmx-amount b{font-size:18px;min-width:52px}.dmx-amount span{font-size:13px;color:#a5a5b0}
.dmx-amount.on{border-color:#7b5cff;background:#1b1530;box-shadow:inset 0 0 0 1px #7b5cff}
.dmx-other{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 0;font-size:14px;color:#b5b5bf}
.dmx-other span{display:flex;align-items:center;gap:4px;border:1px solid #2c2c34;border-radius:12px;padding:0 10px;background:#0f0f14}
.dmx-other input{width:90px;min-height:42px;border:0;background:none;color:#fff;font:inherit;font-size:16px;outline:none}
.dmx-summary{margin:16px 0;padding:14px 16px;border-radius:16px;background:#1a1a21}
.dmx-gets-title{margin:0 0 8px;font-weight:700}
.dmx-gets{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dmx-gets li{display:flex;align-items:center;gap:10px;font-size:14px;color:#c9c9d1}.dmx-gets b{color:#fff}.dmx-gets svg{color:#b49cff;flex:none}
.dmx-summary .dmx-fine{text-align:left}.dmx-bad{margin:0;color:#ffb4b4}
.dmx-missing{display:grid;place-items:center;gap:12px;height:100dvh;color:#ccc}

.dm-welcome.dmx-w{min-height:0;overflow:auto;padding:8px 0!important;margin:auto auto 14px!important;width:100%}
.dm-welcome.dmx-w .dm-portrait{margin:0}
.dmx-guest .dm-welcome{min-height:0;overflow:auto;width:100%}
@media(max-height:760px){.dm-welcome.dmx-w .dm-portrait,.dmx-guest .dm-portrait{width:84px;height:84px}.dmx-offers{margin-top:10px}}
@media(max-width:480px){.dmx-offers{flex-wrap:nowrap;gap:6px}.dmx-offers button{padding:6px 8px;gap:6px;border-radius:12px}.dmx-offers svg{width:16px!important;height:16px!important}.dmx-offers span{font-size:11px}.dmx-offers b{font-size:12px}
 .dm-welcome.dmx-w .dm-portrait,.dmx-guest .dm-portrait{width:80px;height:80px}.dm-welcome.dmx-w h2,.dmx-guest .dm-welcome h2{font-size:18px;margin-top:6px}.dm-welcome.dmx-w strong,.dmx-guest .dm-welcome strong{margin-top:10px}.dm-welcome.dmx-w p,.dmx-guest .dm-welcome p{font-size:13px}}
.dmx-guest #comm-send{align-items:center}
@media(max-width:480px){.dm-welcome.dmx-w{margin-bottom:6px!important;padding-bottom:2px!important}.dmx-offers{margin-top:8px}.dmx-follow{margin-top:6px;min-height:32px}.dm-welcome.dmx-w .dm-gift{margin:2px 0 0}}
/* A heart on his message (30 Oct 2026) */
.comm-bubble{position:relative}.comm-bubble.has-reaction{margin-bottom:14px}
.comm-reaction{position:absolute;bottom:-12px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1d1d24;border:2px solid #0e0e12;color:#ff5c8a}
.comm-bubble.mine .comm-reaction{right:auto;left:10px}.comm-reaction svg{width:13px;height:13px;fill:currentColor}
/* Her side: AI tag and "Reply myself" (30 Oct 2026) */
.comm-ai-tag{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:6px;background:rgba(123,92,255,.25);color:#cbbcff;font-size:10px;font-weight:700;letter-spacing:.04em}
.dm-ai-toggle{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid #3a3a42;background:transparent;color:#fff;font:600 12px inherit;cursor:pointer;margin-right:6px}.dm-ai-toggle.on{border-color:#7b5cff;background:rgba(123,92,255,.15)}