.interest-spaces-intro{margin:8px 0 18px;line-height:1.5}
.interest-selected-row{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}
.interest-selected-row .chip{white-space:nowrap}
.interest-space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.interest-space-tile{position:relative;display:flex;min-height:180px;align-items:flex-end;overflow:hidden;border:0;border-radius:20px;padding:16px;text-align:left;color:#fff;background-image:linear-gradient(180deg,#ffffff14 0%,#25372b85 100%),var(--space-scene);background-size:cover,400% 300%;background-position:center,var(--space-position);box-shadow:0 8px 22px #40334a16;transition:transform .18s,box-shadow .18s}
.interest-space-tile:hover,.interest-space-tile:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px #40334a24;outline:3px solid #ed168766;outline-offset:2px}
.interest-space-tile.selected{outline:3px solid #91c83c;outline-offset:1px}
.interest-space-tile .space-icon{position:absolute;top:12px;left:13px;display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#ffffffde;color:#594256;font-size:23px;box-shadow:0 2px 10px #32263a20}
.interest-space-tile .space-copy{display:grid;gap:4px;text-shadow:0 1px 4px #26302899}
.interest-space-tile .space-copy strong{font-size:19px;line-height:1.1}
.interest-space-tile .space-copy small{font-size:12px;font-weight:800}
.interest-space-hero{min-height:190px;display:flex;align-items:flex-end;padding:20px;border-radius:22px;color:#fff;background-image:linear-gradient(180deg,#ffffff0c 0%,#25372b99 100%),var(--space-scene);background-size:cover,400% 300%;background-position:center,var(--space-position);box-shadow:0 8px 22px #40334a16}
.interest-space-hero h1{margin:0;text-shadow:0 1px 5px #26302899}
.interest-space-hero p{margin:6px 0 0;color:#fff;text-shadow:0 1px 4px #26302899}
.find-people-page{border-radius:22px}
.find-people-page.has-interest-scene{padding:clamp(12px,2vw,22px);background-image:linear-gradient(180deg,#ffffffc7 0%,#ffffffa8 100%),var(--space-scene);background-size:cover,400% 300%;background-position:center,var(--space-position);background-repeat:no-repeat;border:1px solid #ffffffa8;box-shadow:0 8px 22px #40334a16}
.interest-space-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px;margin-top:16px;align-items:start}
.interest-space-layout .card{margin-top:0;min-width:0}
.interest-space-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.interest-member-search-label{display:block;margin:12px 0 6px;font-weight:900}
.interest-member-search{width:100%;margin-bottom:12px}
.interest-member-card[hidden]{display:none}
.interest-space-people .search-card{min-height:180px}
.interest-chat-list{max-height:330px;overflow:auto;padding:8px;background:#fffbfd;border:1px solid var(--line);border-radius:15px;margin:12px 0}
.interest-chat-list .bubble{max-width:92%;overflow-wrap:anywhere}
.interest-message-author{border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:900;text-decoration:underline;text-decoration-color:#ed168766;text-underline-offset:2px;cursor:pointer}
.demo-space-shortcuts,.demo-space-tabs{display:flex;gap:8px;overflow:auto;padding:10px 0 4px;align-items:center}
.demo-space-tabs{border-bottom:1px solid var(--line);margin:4px 0 12px}
.demo-space-tabs .chip{white-space:nowrap}
.demo-space-content{max-width:900px;margin:0 auto}
.demo-compose textarea{width:100%;min-height:84px;border:1px solid var(--line);border-radius:14px;padding:12px;resize:vertical}
.demo-compose-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:10px}
.demo-compose-actions .primary{margin-left:auto}
.demo-file-pick{cursor:pointer;white-space:nowrap}
.demo-upload-preview{display:block;max-width:220px;max-height:180px;object-fit:cover;border-radius:12px;margin-top:10px}
.demo-post{padding:16px;margin-top:12px}
.demo-post-author,.demo-avatar-button{display:flex;align-items:center;gap:10px}
.demo-post-author{justify-content:space-between}
.demo-avatar-button{border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}
.demo-avatar-button img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.demo-avatar-button span{display:grid;gap:2px}
.demo-avatar-button small{color:var(--muted);font-size:11px}
.demo-post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:14px 0}
.demo-post-scene{width:100%;height:260px;border:0;border-radius:15px;background-color:#eff8e4;margin:2px 0 8px}
.demo-post-photo{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:15px;background:#fff8fb;margin:2px 0 8px;cursor:zoom-in}
.demo-post-video video,.demo-live-video video{display:block;width:100%;max-height:430px;aspect-ratio:16/9;object-fit:cover;border-radius:15px;background:#f8f2f7}
.demo-post-video small{display:block;margin-top:4px;color:var(--muted)}
.demo-reactions{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:6px 0 10px}
.demo-comments{display:grid;gap:8px;padding:10px 0}
.demo-comment{display:flex;align-items:flex-start;gap:8px;font-size:13px}
.demo-comment img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.demo-comment div{display:grid;gap:2px;min-width:0}
.demo-comment-author{justify-self:start;border:0;background:transparent;padding:0;color:#9b2768;font-weight:900;cursor:pointer}
.demo-comment-form{display:flex;gap:8px;align-items:center}
.demo-comment-form input{flex:1;min-width:0}
.demo-member-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}
.demo-member-actions button{padding:8px 4px;font-size:11px}
.demo-event{display:flex;gap:15px;align-items:flex-start;padding:16px}
.demo-event-date{min-width:58px;height:62px;display:grid;align-content:center;justify-items:center;border-radius:15px;background:#fff0f7;color:var(--pink)}
.demo-event-date b{font-size:23px;line-height:1}.demo-event-date span{font-size:12px;font-weight:900}
.demo-event-main{min-width:0}.demo-event-main h3{margin:0 0 6px}.demo-event-main p{margin:5px 0}
.demo-profile-gallery{margin:12px 0}
.demo-profile-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.demo-profile-photos button{border:0;padding:0;background:#f8f1f6;border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:zoom-in}
.demo-profile-photos img{width:100%;height:100%;object-fit:cover}
.demo-profile-actions{grid-template-columns:repeat(5,minmax(0,1fr))}
.demo-profile-actions .profile-action{font-size:10px;min-width:0}
.demo-photo-modal{display:block;max-width:min(900px,100%);max-height:78vh;margin:18px auto 0;object-fit:contain;border-radius:14px}
.demo-scene-modal{height:min(70vh,620px);min-height:260px;border-radius:15px;margin-top:24px}
.demo-live-video{position:relative;margin:12px 0}
.demo-live-overlay{position:absolute;left:10px;top:10px}
.demo-live-comments{padding:8px 10px;margin:10px 0;background:#fff8fc;border-radius:14px}
.demo-live-comments p{margin:6px 0}
.demo-call{text-align:center;padding:24px 10px 8px}
.demo-call img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.demo-call-status{padding:12px;border-radius:12px;background:#eff9e5;margin:16px 0}
.demo-account-list .thread{border:1px solid var(--line);border-radius:13px;padding:10px;margin:7px 0;text-align:left}
.demo-account-list .thread span{display:grid;gap:4px}
.demo-account-list .thread small{color:var(--muted)}
.demo-direct-chat-head{justify-content:flex-start}
.demo-direct-chat-head .demo-avatar-button{margin-left:auto;margin-right:auto}
@media(max-width:520px){.demo-space-shortcuts{flex-wrap:nowrap}.demo-space-shortcuts button{white-space:nowrap}.demo-event{gap:10px;padding:13px}.demo-profile-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-post-scene{height:210px}.demo-profile-actions .profile-action{font-size:9px;padding:9px 2px}.demo-profile-actions .profile-action span{font-size:19px}.demo-member-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-member-actions button{font-size:10px}.demo-comment-form button{padding:9px 10px}}
.interest-chat-compose{display:flex;gap:8px}
.interest-chat-compose input{min-width:0;flex:1}
.profile-interest-link{cursor:pointer}
.profile-interest-link:hover{filter:brightness(.96);outline:1px solid #ed168766}
@media(max-width:850px){.interest-space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.interest-space-tile{min-height:155px;border-radius:17px;padding:13px}.interest-space-tile .space-copy strong{font-size:16px}.interest-space-layout{grid-template-columns:1fr}.interest-space-hero{min-height:155px}.interest-space-people .search-card{min-height:160px}}
@media(max-width:420px){.interest-space-grid{gap:8px}.interest-space-tile{min-height:138px;padding:10px}.interest-space-tile .space-icon{width:36px;height:36px;top:9px;left:9px;font-size:20px}.interest-space-tile .space-copy strong{font-size:14px}.interest-space-tile .space-copy small{font-size:11px}.interest-space-people{gap:7px}.interest-space-people .search-card{min-height:140px}}
@media(prefers-reduced-motion:reduce){.interest-space-tile{transition:none}}

/* Demo: each selected interest themes the complete community room, not the LIVE destination. */
.demo-space-page{position:relative;isolation:isolate;min-height:calc(100vh - 130px);padding:16px;border:1px solid #ffffffd9;border-radius:26px;overflow:hidden;background-color:#edf7e5;background-image:linear-gradient(180deg,#ffffffaa 0%,#ffffffb5 46%,#ffffffd4 100%),var(--space-scene);background-repeat:no-repeat;background-size:cover,400% 300%;background-position:center,var(--space-position);box-shadow:0 12px 34px #38283b16}
.demo-space-page>.secondary:first-child{background:#ffffffed}
.demo-space-page .demo-space-shortcuts,.demo-space-page .demo-space-tabs{position:relative;z-index:1}
.demo-space-page .demo-space-shortcuts .secondary,.demo-space-page .demo-space-tabs .chip{background:#fffffff0;backdrop-filter:blur(8px)}
.demo-space-page .demo-space-content>.card,.demo-space-page .demo-space-content>section.card,.demo-space-page .demo-space-content>div>.card{background:#fffffff2;backdrop-filter:blur(9px)}
.demo-space-page .demo-post-list .demo-post{background:#fffffff4}
.demo-space-page .demo-space-content{position:relative;z-index:1}
.demo-live-page{background:linear-gradient(145deg,#fff7fb,#f2f9ff 55%,#f7ffeb)!important}
.demo-live-room{position:relative;isolation:isolate;min-height:clamp(390px,68vh,680px);margin:14px 0;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#f9c9df,#d8e8ff 52%,#d9f0c0)}
.demo-live-room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.demo-live-room-shade{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#17121d9c)}
.demo-live-overlay{position:absolute;z-index:1;inset:14px 14px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#fff}
.demo-live-name{font-size:20px;font-weight:900;text-shadow:0 2px 8px #21152399}
.demo-live-hearts{position:absolute;z-index:1;right:16px;bottom:30px;font-size:26px;line-height:1.65;filter:drop-shadow(0 2px 5px #31172955)}
.demo-live-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
@media(max-width:600px){.demo-space-page{min-height:calc(100svh - 126px);padding:10px;border-radius:20px;background-image:linear-gradient(180deg,#ffffffb3 0%,#ffffffbc 55%,#ffffffdb 100%),var(--space-scene)}.demo-space-page .interest-space-hero{min-height:148px;padding:15px}.demo-live-room{min-height:54svh;border-radius:17px}.demo-live-actions button{flex:1}}

/* Local audit screens: compact, readable, and visibly separate from themed spaces. */
.demo-purpose-page{max-width:940px;margin:0 auto}.demo-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.demo-choice-card{margin:0;padding:20px}.demo-choice-card>span{font-size:30px}.demo-choice-card h2{margin-top:8px}.demo-choice-card .primary,.demo-choice-card .secondary{margin-top:6px}.demo-paid-room{display:grid;grid-template-columns:minmax(140px,240px) minmax(0,1fr);align-items:center;gap:20px;margin-top:15px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#fff1f8,#f2f9ff)}.demo-paid-room>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.demo-paid-room h2{margin:0}.demo-message-tabs{display:flex;gap:8px;overflow:auto;padding:6px 0 11px}.demo-message-thread{width:100%;border:0;background:transparent;text-align:left}.demo-message-thread small{display:block;color:var(--muted);margin-top:3px}.demo-video-book{padding:12px 0;border-top:1px solid var(--line)}.demo-video-book summary{font-weight:900;cursor:pointer}.demo-video-book p{margin-bottom:6px}.demo-profile-shortcuts{margin-top:16px}
@media(max-width:600px){.demo-choice-grid{grid-template-columns:1fr;gap:10px}.demo-choice-card{padding:16px}.demo-paid-room{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:11px}.demo-paid-room h2{font-size:17px}.demo-paid-room p{font-size:13px}.demo-purpose-page>.row{align-items:flex-start}}
html[data-rb-demo="true"] .gift-breakdown{display:grid;gap:9px;padding:13px;margin:12px 0;border-radius:14px;background:#fff3f9}html[data-rb-demo="true"] .gift-breakdown>span{display:flex;justify-content:space-between;gap:12px;align-items:center}html[data-rb-demo="true"] .gift-breakdown b{white-space:nowrap;color:#a91c67}html[data-rb-demo="true"] .gift-card .gift{align-items:center;text-align:center}html[data-rb-demo="true"] .gift-card .gift small{margin-top:3px}html[data-rb-demo="true"] .gift-card .gift-price{font-size:13px}html[data-rb-demo="true"] .gift-card .gift:focus-visible,html[data-rb-demo="true"] .gift-card .gift-demo:focus-visible{outline:3px solid #ed168766;outline-offset:2px}html[data-rb-demo="true"] #giftRecipient{max-width:100%;margin:6px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
@media(max-width:520px){html[data-rb-demo="true"] .gift-breakdown>span{align-items:flex-start;flex-direction:column;gap:3px}html[data-rb-demo="true"] .gift-card .gift{padding:12px 5px}}