/* My Space uses the shared shell and account palette on every screen size. */
body.on-my-space .main-wrap { max-width:none; margin-left:var(--sidebar-w); margin-right:0; padding:12px 24px 32px; }
#mySpacePage { max-width:1440px; margin:0 auto; color:var(--text); }
#mySpacePage :where(button,input,textarea,select) { font-family:inherit; }
#mySpacePage button { cursor:pointer; }
#mySpacePage button:disabled { cursor:wait; opacity:.55; }
#mySpacePage button:focus-visible,#mySpacePage a:focus-visible { outline:2px solid var(--purple); outline-offset:3px; }
#mySpacePage svg { width:20px; height:20px; flex-shrink:0; }
#mySpacePage h1,#mySpacePage h2,#mySpacePage h3 { color:var(--text); line-height:1.25; letter-spacing:-.025em; }
#mySpacePage h1 { font-size:clamp(23px,3vw,32px); }
#mySpacePage h2 { font-size:20px; }
#mySpacePage h3 { font-size:17px; }
#mySpacePage p { line-height:1.55; overflow-wrap:anywhere; }
#mySpacePage [hidden] { display:none !important; }
.ms-hero { background:var(--bg2); border:1px solid var(--border2); border-radius:20px; overflow:hidden; }
.ms-cover { height:210px; position:relative; background:radial-gradient(ellipse at 80% 10%,#c4b5fd70,transparent 55%),linear-gradient(115deg,#392060,#7952bd); }
.ms-cover>img { width:100%; height:100%; object-fit:cover; }
.ms-owner-label { position:absolute; top:16px; left:20px; padding:6px 12px; background:#20123c80; color:#fff; border:1px solid #ffffff40; border-radius:20px; font-size:12px; font-weight:600; }
.ms-identity { display:grid; grid-template-columns:176px minmax(0,1fr); gap:28px; align-items:start; padding:10px 30px; position:relative; }
.ms-avatar { width:40px; height:40px; flex:0 0 40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; overflow:hidden; background:var(--accent-soft); color:var(--purple); font-weight:700; }
.ms-avatar img { width:100%; height:100%; object-fit:cover; }
.ms-profile-photo { position:relative; width:176px; aspect-ratio:1; border:0; padding:0; border-radius:50%; background:transparent; }
.ms-profile-photo>.ms-avatar { width:100%; height:100%; padding:0; box-sizing:border-box; border:0; background:var(--bg2); font-size:56px; }
.ms-profile-photo .ms-avatar img { border-radius:50%; }
.ms-photo-edit { position:absolute; right:3px; bottom:8px; width:34px; height:34px; display:grid; place-items:center; border:3px solid var(--bg2); border-radius:50%; background:var(--bg3); color:var(--text2); }
#mySpacePage .ms-photo-edit svg { width:17px; height:17px; }
.ms-profile-main { min-width:0; }
.ms-profile-metadata { display:contents; }
.ms-name-row { display:flex; align-items:start; justify-content:space-between; gap:14px 24px; flex-wrap:wrap; }
#mySpacePage .ms-name-row h1 { flex:1 1 280px; min-width:0; margin:0; font-size:clamp(27px,2.8vw,38px); font-weight:750; line-height:1.16; overflow-wrap:anywhere; }
.ms-owner-actions { display:flex; gap:8px; align-items:center; flex:0 0 auto; }
.ms-eyebrow { color:var(--text3); font-size:12px; font-weight:600; display:block; margin-bottom:6px; }
.ms-profile-bio { color:var(--text2); font-size:15px; margin:12px 0; max-width:76ch; white-space:pre-wrap; line-height:1.5; overflow-wrap:anywhere; }
.ms-add-bio { border:0; background:none; padding:0; margin:12px 0; font-size:14px; color:var(--purple); text-align:left; }
.ms-profile-details,.ms-profile-contact { display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:10px; font-size:13px; line-height:1.5; }
.ms-profile-details>span,.ms-profile-details>button,.ms-profile-contact>a { display:inline-flex; align-items:center; gap:7px; min-width:0; max-width:100%; }
.ms-profile-details { color:var(--text2); }
.ms-profile-details>button { padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; }
.ms-profile-details>button:hover strong { text-decoration:underline; }
.ms-owner-note { color:var(--text3); }
.ms-profile-contact>a { color:var(--purple); text-decoration:none; }
.ms-profile-contact>a:hover span { text-decoration:underline; }
.ms-profile-contact span { overflow-wrap:anywhere; min-width:0; }
#mySpacePage .ms-profile-details svg,#mySpacePage .ms-profile-contact svg { width:16px; height:16px; }
.ms-profile-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.ms-profile-tags>span { padding:4px 9px; font-size:11px; border-radius:6px; background:var(--accent-soft); color:var(--text2); }
.ms-cover-edit { position:absolute; right:20px; bottom:16px; display:flex; align-items:center; gap:7px; padding:8px 12px; border:1px solid #ffffff50; border-radius:8px; background:#17112cbb; color:#fff; font-size:12px; font-weight:600; }
#mySpacePage .ms-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--border2); border-radius:10px; background:var(--bg3); color:var(--text); min-height:38px; padding:8px 13px; font-size:13px; font-weight:600; text-decoration:none; }
#mySpacePage .ms-primary { background:var(--accent-strong); color:#fff; border-color:transparent; }
#mySpacePage .ms-button:hover { filter:brightness(.96); }
.ms-stats { display:flex; align-items:center; flex-wrap:wrap; gap:5px 0; margin-top:8px; padding:0; font-size:14px; color:var(--text2); }
.ms-stats strong { color:var(--text); font-weight:700; }
.ms-stats>button { padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; }
.ms-stats>button:hover { text-decoration:underline; }
.ms-stats>:not(:last-child)::after { content:"·"; display:inline-block; margin:0 10px; color:var(--text3); text-decoration:none; }
#mySpacePage .ms-more-actions { width:40px; padding:8px; }
.ms-profile-hero .ms-tabs { margin:0 20px; border-top:1px solid var(--border); border-bottom:0; }
.ms-action-list>button { display:flex; align-items:center; gap:10px; }
/* Mobile live tab bar: only the selected section is labelled. */
.ms-tabs { display:flex; height:50px; border-bottom:1px solid var(--border); }
.ms-tabs button { position:relative; flex:1 1 auto; min-width:0; padding:0 10px; border:0; background:none; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--text3); font-size:15px; font-weight:600; line-height:1; white-space:nowrap; }
#mySpacePage .ms-tabs svg { width:22px; height:22px; }
.ms-tabs button:not([aria-current=page])>span { display:none; }
.ms-tabs button[aria-current=page] { color:var(--text); }
.ms-tabs button[aria-current=page]::after { content:""; position:absolute; left:8px; right:8px; bottom:-1px; height:3px; border-radius:999px; background:currentColor; }
.ms-tabs button:active { opacity:.55; }
.ms-content { padding-top:16px; }
.ms-feed-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:18px; align-items:start; }
.ms-feed-layout:not(:has(aside)) { display:block; max-width:620px; margin:auto; }
.ms-feed { min-width:0; }
.ms-card { background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:18px; }
.ms-compose-prompt { display:flex; width:100%; align-items:center; gap:12px; text-align:left; color:var(--text3); margin-bottom:10px; }
.ms-compose-prompt>span:nth-child(2) { flex:1; font-size:14px; }
.ms-welcome h2 { margin-bottom:10px; }
.ms-welcome p { color:var(--text2); font-size:14px; margin-bottom:16px; }
.ms-welcome .ms-button { width:100%; margin-top:8px; }
.ms-post { margin-bottom:10px; padding:16px 18px 6px; overflow:hidden; }
.ms-post header { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:12px; }
.ms-author { display:flex; min-width:0; gap:10px; align-items:center; text-align:left; border:0; background:none; color:var(--text); }
.ms-author strong { font-size:15px; font-weight:650; display:block; overflow-wrap:anywhere; }
.ms-author>span:last-child { min-width:0; }
.ms-post .ms-author { padding:0; }
.ms-author small { display:block; color:var(--text3); font-size:12px; margin-top:3px; }
#mySpacePage .ms-icon-button { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; padding:0; border:0; background:var(--bg3); border-radius:50%; color:var(--text2); }
.ms-post-body { white-space:pre-wrap; font-size:15px; margin:10px 0; }
.ms-post-images { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:6px; margin:12px 0; }
.ms-post-images img { display:block; width:100%; max-height:480px; object-fit:contain; border-radius:10px; background:var(--bg3); }
.ms-post-images:has(>a:only-child) { display:block; }
.ms-post footer { display:flex; gap:4px; border-top:1px solid var(--border); margin-top:12px; padding-top:4px; }
.ms-post footer button { display:flex; flex:1; justify-content:center; align-items:center; gap:7px; min-width:0; min-height:40px; padding:6px 4px; border-radius:8px; background:none; border:0; color:var(--text2); font-size:13px; font-weight:600; }
.ms-post footer button:hover { background:var(--bg3); }
.ms-post footer button[aria-pressed=true] { color:var(--purple); }
.ms-post footer button[aria-pressed=true] svg { fill:var(--accent-soft); }
.ms-post-status { display:flex; gap:8px; margin:-2px 0 12px; color:var(--text3); font-size:11px; font-weight:600; }
.ms-post-status span { padding:3px 8px; border-radius:5px; background:var(--bg3); }
#mySpacePage .ms-post .ms-icon-button { background:transparent; }
#mySpacePage .ms-post .ms-icon-button:hover { background:var(--bg3); }
.ms-post-title { margin:0 0 10px; overflow-wrap:anywhere; }
.ms-post-locked { display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; padding:24px 20px; margin:4px 0 12px; border:1px solid var(--border2); border-radius:12px; background:linear-gradient(135deg,var(--accent-softer),var(--bg3)); }
.ms-post-lock-mark { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--bg2); color:var(--purple); }
#mySpacePage .ms-post-lock-mark svg { width:24px; height:24px; }
.ms-post-locked strong { display:block; font-size:16px; line-height:1.4; }
.ms-post-locked p { margin:5px 0 0; font-size:13px; color:var(--text3); }
#mySpacePage .ms-post-locked .ms-button { min-height:40px; padding:9px 20px; }
#mySpacePage .ms-post-locked .ms-button svg { width:16px; height:16px; }
.ms-post-read { margin-bottom:4px; }
.ms-post-engagement { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0 0; color:var(--text3); font-size:12px; }
.ms-post-reaction-count { display:inline-flex; align-items:center; gap:6px; }
#mySpacePage .ms-post-reaction-count svg { width:16px; height:16px; color:var(--purple); fill:var(--accent-soft); }
.ms-post-engagement button { padding:4px 0; background:none; border:0; color:inherit; font:inherit; }
.ms-post-engagement button:hover { text-decoration:underline; }
.ms-post-engagement+footer { margin-top:6px; }
.ms-post-reaction-icon { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:18px; }
.ms-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) {
  .ms-post { padding:14px 12px 5px; }
  .ms-post-locked { padding:20px 12px; }
  .ms-post footer button { gap:5px; font-size:12px; min-height:44px; }
}
.ms-empty { grid-column:1/-1; text-align:center; padding:48px 20px; color:var(--text3); }
.ms-empty>svg { width:38px !important; height:38px !important; color:var(--purple); margin-bottom:16px; }
.ms-empty p { font-size:14px; max-width:48ch; margin:10px auto 16px; }
.ms-sentinel { min-height:1px; text-align:center; font-size:13px; color:var(--text3); }
.ms-section-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; margin:0 0 16px; }
.ms-section-heading>span { color:var(--text3); font-size:13px; }
.ms-events,.ms-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ms-exclusive { display:flex; flex-direction:column; gap:8px; text-align:left; color:var(--text); }
.ms-exclusive img { width:100%; height:200px; object-fit:cover; border-radius:10px; }
.ms-exclusive p,.ms-event p { color:var(--text2); font-size:14px; margin:8px 0; }
.ms-exclusive small,.ms-event small { color:var(--text3); }
.ms-event .ms-button { margin-top:16px; display:flex !important; }
.ms-event-cover { width:100%; height:150px; object-fit:cover; border-radius:10px; margin-bottom:14px; }
.ms-about { max-width:780px; margin:auto; }
.ms-about>p { white-space:pre-wrap; margin:16px 0; color:var(--text2); }
.ms-about-details { border-block:1px solid var(--border); margin:18px 0; padding:14px 0; display:flex; flex-wrap:wrap; gap:20px; }
.ms-about-details>span,.ms-about-details>button { display:flex; align-items:center; gap:8px; font-size:14px; border:0; background:none; color:var(--text2); }
#mySpacePage .ms-dialog { margin:auto; padding:22px; width:min(540px,calc(100vw - 24px)); max-height:85dvh; border:1px solid var(--border2); border-radius:20px; color:var(--text); background:var(--bg2); box-shadow:0 24px 80px #0004; }
.ms-dialog::backdrop { background:#17112c80; }
.ms-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.ms-dialog-heading h2 { font-size:21px !important; }
.ms-dialog-body> .ms-button { margin-right:8px; }
.ms-dialog form { display:grid; gap:14px; }
.ms-dialog label { display:grid; gap:7px; font-size:13px; font-weight:600; }
.ms-dialog input:not([type=file]),.ms-dialog textarea,.ms-dialog select { width:100%; border:1px solid var(--border2); border-radius:10px; background:var(--bg3); color:var(--text); padding:11px 12px; outline-offset:2px; font-size:14px !important; }
.ms-dialog textarea { resize:vertical; min-height:72px; }
.ms-dialog input[type=file] { max-width:100%; font-size:12px !important; }
.ms-dialog small { color:var(--text3); font-size:12px; }
.ms-dialog-status:not(:empty) { color:var(--text2); font-size:13px; margin-top:12px; }
.ms-file-summary { overflow-wrap:anywhere; font-size:12px; color:var(--text3); }
.ms-member { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:12px 0; border-bottom:1px solid var(--border); }
.ms-member strong { flex:1; font-size:13px; }
.ms-dialog-body>h3 { margin:18px 0 8px; }
.ms-comment-list { max-height:40dvh; overflow:auto; margin-bottom:18px; overscroll-behavior:contain; }
.ms-comment { display:flex; align-items:start; gap:10px; margin-bottom:14px; font-size:14px; }
.ms-comment>div { flex:1; min-width:0; background:var(--bg3); padding:10px 12px; border-radius:12px; }
.ms-comment p { white-space:pre-wrap; margin:4px 0; }
.ms-comment small { display:block; }
.ms-comment-reply { margin-left:28px; }
.ms-skeleton { display:grid; gap:12px; padding:20px; }
.ms-skeleton>div { height:120px; border-radius:16px; background:var(--bg3); animation:ms-pulse 1.5s ease-in-out infinite alternate; }
.ms-skeleton>div:first-child { height:180px; }
@keyframes ms-pulse { to { opacity:.45; } }
@media (prefers-reduced-motion:reduce) { .ms-skeleton>div { animation:none; } }
@media(max-width:1100px) { .ms-feed-layout { grid-template-columns:minmax(0,1fr) 240px; } }
@media(max-width:900px) { .ms-feed-layout { display:block; } .ms-welcome { display:none; } .ms-catalog,.ms-events { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px) {
  body.on-my-space .main-wrap { margin-left:0; padding:8px 10px 24px; }
  .ms-cover { height:160px; }.ms-hero { border-radius:16px; }
  .ms-content { padding-top:10px; }.ms-card { padding:14px; }.ms-section-heading h2 { font-size:18px !important; }
  .ms-exclusive img { height:160px; }.ms-section-heading>span { display:none; }.ms-post-body { font-size:14px; }
}
@media(max-width:380px) { .ms-catalog,.ms-events { grid-template-columns:1fr; } }

/* Shared controls for the mobile Space feature set. */
.ms-space-links,.ms-feed-tools,.ms-form-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ms-space-links { padding:0 24px 18px; }
.ms-feed-tools { margin-bottom:12px; }
.ms-notice { padding:14px 18px; margin-bottom:12px; background:var(--accent-soft); border-radius:12px; color:var(--text); }
.ms-action-list { display:grid; gap:4px; }
.ms-action-list>button { border:0; background:var(--bg3); color:var(--text); padding:13px 16px; border-radius:10px; text-align:left; font:inherit; cursor:pointer; }
.ms-action-list>button:hover { background:var(--accent-soft); }
.ms-dialog fieldset { min-width:0; padding:14px; border:1px solid var(--border2); border-radius:12px; display:grid; gap:12px; }
.ms-dialog legend { padding:0 6px; font-weight:600; }
.ms-dialog label.ms-check { display:flex; align-items:center; gap:8px; }
.ms-dialog .ms-check input { width:18px; min-height:18px; }
.ms-poll-options { display:grid; gap:10px; }
.ms-photo-preview { display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:8px; }
.ms-photo-preview>div { position:relative; }
.ms-photo-preview img { width:100%; height:110px; object-fit:cover; border-radius:10px; }
.ms-photo-preview button { position:absolute; right:4px; top:4px; border:0; border-radius:50%; width:26px; height:26px; background:#1b153ccc; color:white; display:grid; place-items:center; font-size:20px; }
.ms-poll { padding:14px 0; display:grid; gap:8px; }
.ms-poll-choice { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; gap:12px; justify-content:space-between; width:100%; text-align:left; min-height:42px; border:1px solid var(--border2); border-radius:10px; background:var(--bg3); color:var(--text); font:inherit; padding:10px 12px; }
.ms-poll-choice .ms-poll-fill { z-index:-1; position:absolute; inset:0 auto 0 0; background:var(--accent-soft); }
#mySpacePage .ms-poll-choice:disabled { opacity:1; cursor:default; }
.ms-poll-choice[aria-pressed=true] { border-color:var(--purple); }
.ms-poll small { color:var(--text3); }
.ms-reactions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.ms-reactions button { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid var(--border2); background:var(--bg3); font-size:28px; }
.ms-reactions button[aria-pressed=true] { border-color:var(--purple); background:var(--accent-soft); }
#mySpacePage .ms-photo-button { display:block; width:100%; padding:0; border:0; background:transparent; }
.ms-image-viewer img { display:block; max-width:100%; max-height:60vh; object-fit:contain; margin:0 auto 16px; }
.ms-image-viewer .ms-form-row { justify-content:space-between; margin-bottom:12px; }
@media(max-width:600px) { .ms-space-links { padding:0 16px 14px; }.ms-feed-tools { gap:6px; }.ms-feed-tools .ms-button { padding:8px 10px; font-size:12px; } }
.ms-next-event-card { display:flex; gap:12px; align-items:center; width:100%; margin-bottom:12px; color:var(--text); text-align:left; }
.ms-next-event-card small { display:block; color:var(--text3); margin-bottom:4px; }
.ms-next-event-card strong { display:block; }

/* Profile-style Space identity, with the same information at narrow widths. */
@media(max-width:1000px) {
  .ms-identity { grid-template-columns:140px minmax(0,1fr); gap:22px; padding:10px 24px; }
  .ms-profile-photo { width:140px; }
}
@media(max-width:600px) {
  .ms-identity { grid-template-columns:88px minmax(0,1fr); gap:12px 16px; padding:10px 16px; align-items:center; }
  .ms-profile-photo { width:88px; grid-column:1; grid-row:1; }
  .ms-profile-photo>.ms-avatar { font-size:32px; }
  .ms-photo-edit { width:28px; height:28px; right:-2px; bottom:0; border-width:2px; }
  #mySpacePage .ms-photo-edit svg { width:14px; height:14px; }
  .ms-profile-main,.ms-name-row { display:contents; }
  #mySpacePage .ms-name-row h1 { grid-column:2; grid-row:1; font-size:25px; }
  .ms-stats { grid-column:1/-1; grid-row:auto; order:1; margin:0; font-size:13px; }
  .ms-profile-bio,.ms-add-bio { grid-column:1/-1; grid-row:auto; order:2; margin:0; font-size:14px; }
  .ms-profile-details { grid-column:1/-1; grid-row:auto; order:3; margin:0; gap:6px 16px; font-size:12px; }
  .ms-profile-contact { grid-column:1/-1; grid-row:auto; order:4; margin:0; font-size:12px; gap:6px; }
  .ms-profile-tags { grid-column:1/-1; grid-row:auto; order:5; margin:0; }
  .ms-owner-actions { grid-column:1/-1; grid-row:auto; order:6; margin:2px 0 0; width:100%; }
  .ms-owner-actions>.ms-button:not(.ms-more-actions) { flex:1; }
  .ms-profile-hero .ms-tabs { margin:0 8px; }
  .ms-cover-edit { right:12px; bottom:12px; }
}

body:not(.light) .ms-profile-contact>a,body:not(.light) .ms-add-bio { color:color-mix(in srgb,var(--purple) 60%,white); }

/* Reserve media and event geometry before asynchronous content arrives. */
#mySpacePage .ms-post .ms-photo-button { aspect-ratio:4/3; max-height:480px; overflow:hidden; border-radius:10px; background:var(--bg3); }
#mySpacePage .ms-post .ms-photo-button img { height:100%; object-fit:contain; }
.ms-next-event-card { height:78px; box-sizing:border-box; }
.ms-next-event-card>span { min-width:0; }
.ms-next-event-card small,.ms-next-event-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mySpacePage { position:relative; }
#mySpacePage[aria-busy=true]:has(.ms-hero)::after { content:"Updating your Space…"; position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:20; padding:10px 16px; border-radius:24px; background:var(--bg2); color:var(--text2); border:1px solid var(--border2); box-shadow:0 4px 18px #0002; pointer-events:none; font-size:13px; }

.ms-bio-toggle { display:inline; padding:0; border:0; background:none; color:var(--text); font:inherit; font-weight:600; line-height:inherit; white-space:nowrap; cursor:pointer; }
.ms-bio-toggle[hidden] { display:none; }
.ms-bio-toggle:hover { text-decoration:underline; }
.ms-bio-toggle:focus-visible { outline:2px solid var(--purple); outline-offset:2px; border-radius:3px; }

/* Mobile Space exclusives: public teaser cards and explicit coin confirmation. */
.ms-x-filters {display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.ms-x-filters [aria-pressed=true] {background:var(--accent-strong,#7c3aed);color:white;border-color:transparent}
.ms-x-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
.ms-x-card {display:flex;gap:16px;padding:14px;text-align:left;align-items:stretch;min-width:0;color:var(--text)}
.ms-x-card-copy {display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.ms-x-card-copy>strong {font-size:17px;overflow-wrap:anywhere}
.ms-x-teaser {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text2);font-size:14px;white-space:pre-wrap}
.ms-x-meta {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.ms-x-meta small,.ms-x-card-copy>small {color:var(--text3);font-size:12px}
.ms-x-pill {display:inline-flex;border-radius:999px;padding:5px 10px;background:var(--bg3);color:var(--accent-strong,#7c3aed);font-size:12px;font-weight:700;width:fit-content}
.ms-x-picture {position:relative;isolation:isolate;overflow:hidden;width:96px;min-width:96px;height:120px;border-radius:12px;background:var(--bg3)}
.ms-x-picture>img {width:100%;height:100%;object-fit:cover}
.ms-x-picture.is-locked>img {filter:blur(12px);transform:scale(1.15)}
.ms-x-crop {position:absolute;inset:0 0 auto;height:25%;overflow:hidden;border-bottom:1px solid white}
.ms-x-crop img {width:100%;height:100%;object-fit:cover}
.ms-x-lock {position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bg2);color:var(--accent-strong,#7c3aed)}
.ms-x-lock svg {width:20px;height:20px}
.ms-x-picture.is-large {width:100%;height:190px;margin-top:18px}
.ms-x-preview {white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text2);line-height:1.6;margin:16px 0}
.ms-x-paywall {display:grid;gap:12px;padding:18px;margin-top:16px;border:1px solid var(--border2);border-radius:16px;background:var(--bg3)}
.ms-x-paywall p {margin:0;color:var(--text2);font-size:14px}
.ms-x-balance,.ms-x-actions {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ms-x-balance {font-size:13px;color:var(--text2)}
.ms-x-cost {margin:18px 0;padding:4px 16px;background:var(--bg3);border-radius:12px}
.ms-x-cost>div {display:flex;justify-content:space-between;gap:16px;padding:14px 0}
.ms-x-cost>div+div {border-top:1px solid var(--border2)}
.ms-x-cost dd {margin:0;font-weight:700}
.ms-x-originals img {width:100%;height:auto;border-radius:12px;margin-top:16px}
.ms-x-more {margin-top:16px}
#mySpacePage .ms-exclusive-dialog {width:min(680px,calc(100vw - 24px));overflow-y:auto}
.ms-exclusive-dialog h3 {font-size:22px;overflow-wrap:anywhere}
.ms-exclusive-dialog .ms-check {display:flex;align-items:center;gap:8px;margin:16px 0}
.ms-exclusive-dialog .ms-check input {width:18px;height:18px;flex:none}

.ms-x-paywall>.ms-primary,.ms-x-actions .ms-primary {min-height:46px}