.connected-root[data-room="beta"]{--beta-ink:#25274d;--beta-purple:#75689f;--beta-line:#ddddef;color:var(--beta-ink)}
.connected-root[data-room="beta"] #live-main{background:linear-gradient(150deg,#f3f1fa,#eef0f9)}
.connected-root[data-room="beta"] #live-room-content{max-width:1150px;margin:auto;color:var(--beta-ink)}
.beta-hero{position:relative;aspect-ratio:1.5;max-height:630px;background:#eee7ed url('beta-workshop-day-v150.webp') center/cover no-repeat;border-radius:28px 28px 0 0;overflow:hidden}
.beta-hero-copy{width:53%;padding:clamp(20px,3vw,44px)}
.beta-hero-copy .eyebrow{color:#77718a;font-size:clamp(10px,1.3vw,14px);letter-spacing:.09em}
.beta-heading-line{display:flex;align-items:center;gap:10px}.beta-hero h1{font-family:Georgia,serif;font-size:clamp(30px,4.8vw,58px);line-height:1.08;margin:9px 0;color:#242449;letter-spacing:-.04em}
.beta-room-icon{flex:none;width:35px;height:35px;border-radius:50%;background:url('room-picker-reference.jpg') no-repeat;background-size:1190.697674% 1786.046512%;background-position:7.782516% 85.724138%}
.beta-hero .beta-subtitle{font-family:Georgia,serif;font-size:clamp(14px,2vw,23px);line-height:1.2;margin:5px 0 10px}.beta-hero-copy>p:last-child{font-size:clamp(11px,1.5vw,17px);line-height:1.4;max-width:340px;margin:0}
.beta-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 24px}.beta-tabs button{display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid #fff;border-radius:21px;padding:18px 8px;background:linear-gradient(135deg,#fdfcff,#ebebf7);box-shadow:0 8px 20px #5e50751a;color:#33365c;font-size:16px}.beta-tabs svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;margin-bottom:4px}.beta-tabs span{font-size:12px}.beta-tabs button.selected{background:linear-gradient(135deg,#9685b5,#75699f);color:#fff;box-shadow:inset 0 0 0 1px #c6b5dc,0 7px 18px #5e50752b}
.beta-welcome{display:flex;gap:22px;align-items:center;border:2px solid #fff;border-radius:23px;background:linear-gradient(120deg,#fbfaff,#ebeaf7);padding:20px;box-shadow:0 8px 20px #5e50751a;margin:0 0 20px}.beta-home-art{width:140px;min-height:120px;display:grid;place-items:center;flex:none;border-radius:20px;background:radial-gradient(circle at 50% 30%,#fffdf7,#dedcf3);font-size:94px;color:#9987bb;text-shadow:0 4px 2px #fff,0 8px 9px #5b3c5f40}.beta-welcome h2,.beta-thanks h2,.beta-updates h2{font-family:Georgia,serif;letter-spacing:-.03em;margin:0 0 8px;color:#25264d;font-size:clamp(20px,2.6vw,31px)}.beta-welcome p{margin:0 0 12px;color:#6b6884}.beta-welcome .primary-button{background:linear-gradient(#8074ab,#5c568d);border:1px solid #aaa1c6;box-shadow:inset 0 0 0 2px #ffffff24,0 4px 8px #72638630;border-radius:17px;min-height:48px;padding:10px 24px;color:white}
.beta-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.beta-filters button{border:1px solid #eceaf6;background:#fbfbff;border-radius:99px;padding:12px 6px;color:#33365c;font-size:12px;white-space:nowrap}.beta-filters .selected{background:linear-gradient(#9382b2,#77689c);color:white;box-shadow:0 4px 10px #6b5c8a25}
.beta-idea-list{display:grid;gap:12px}.connected-root[data-room="beta"] .beta-idea-card{margin:0;display:flex;gap:18px;padding:20px;border:1px solid var(--beta-line);border-radius:22px;background:#ffffffd9;box-shadow:0 4px 12px #65527d08}.beta-support-count{align-self:flex-start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:52px;min-height:72px;border:0;border-radius:17px;background:#f1f0fa;color:#3c3e69;font-size:20px}.beta-support-count>span{font-size:29px;line-height:25px}.beta-idea-copy{min-width:0;flex:1}.beta-idea-title{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.beta-idea-title h2{font-size:20px;margin:0 0 6px;overflow-wrap:anywhere}.beta-status{flex:none;font-size:11px;padding:7px 12px;border-radius:99px;background:#f1eef8;color:#6c6184}.beta-status[data-status="under_review"]{background:#fff2dc;color:#94600b}.beta-status[data-status="planned"]{background:#e5efff;color:#386cae}.beta-status[data-status="in_progress"]{background:#eee8ff;color:#7153a2}.beta-status[data-status="implemented"]{background:#e2f2e6;color:#367348}.beta-idea-card .post-body{margin:0 0 10px;line-height:1.45;color:#5d5d7b}.beta-idea-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;color:#7f7b97}.beta-idea-meta button{padding:0;background:none;border:0;color:inherit;font-size:inherit;text-decoration:underline}.beta-idea-card .post-actions:empty{display:none}.beta-idea-card .post-actions{margin-top:8px}.beta-idea-card .post-actions button{font-size:11px}.beta-thanks{display:flex;gap:18px;align-items:center;padding:26px;border:1px solid #dfd3f1;border-radius:23px;margin-top:24px;background:linear-gradient(110deg,#f1edff,#f7eafa);box-shadow:inset 0 1px 0 #fff}.beta-thanks>span{background:white;color:#c779a1;border-radius:12px;padding:6px 15px;font-size:42px;box-shadow:0 6px 8px #86759d24}.beta-thanks h2{color:#6d5797;font-size:25px}.beta-thanks p{color:#7c69a5;margin:0;font-size:14px}.beta-safety-note{font-size:11px;line-height:1.5;color:#79748d;margin:16px 8px}.beta-updates{background:#ffffffb8;border:1px solid #e2dced;border-radius:24px;padding:24px}.beta-updates>p{color:#77718a}.beta-updates article{display:flex;gap:18px;border-top:1px solid #e7e2ee;padding:18px 0}.beta-updates h3{margin:0 0 6px;font-size:16px}.beta-updates article p{margin:0;line-height:1.55;color:#69637b;font-size:14px}.beta-release-version{font-weight:bold;color:#79649b;min-width:44px}
@media(max-width:600px){.connected-root[data-room="beta"] #live-main{padding:0 12px 24px}.beta-hero{margin:0 -12px;border-radius:0;aspect-ratio:1.4;background-position:center bottom}.beta-hero-copy{padding:18px 12px;width:55%}.beta-room-icon{width:25px;height:25px}.beta-heading-line{gap:5px}.beta-hero h1{font-size:32px}.beta-hero .beta-subtitle{font-size:15px}.beta-tabs{gap:8px;margin:12px 0 16px}.beta-tabs button{padding:13px 5px;border-radius:16px;font-size:15px}.beta-tabs span{font-size:11px}.beta-welcome{gap:12px;padding:14px;border-radius:20px}.beta-home-art{width:80px;min-height:100px;font-size:69px}.beta-welcome h2{font-size:22px}.beta-welcome p{font-size:12px}.beta-welcome .primary-button{min-height:42px;padding:8px 15px;font-size:14px}.beta-filters{gap:5px}.beta-filters button{font-size:10px;padding:11px 3px}.connected-root[data-room="beta"] .beta-idea-card{padding:14px 10px;gap:10px;border-radius:17px}.beta-support-count{min-width:38px;min-height:60px;font-size:17px}.beta-idea-title{flex-wrap:wrap;gap:4px;margin-bottom:6px}.beta-idea-title h2{font-size:16px;margin:0}.beta-status{font-size:10px;padding:4px 9px}.beta-idea-card .post-body{font-size:13px}.beta-idea-meta{font-size:10px;gap:8px}.beta-thanks{gap:12px;padding:18px 12px}.beta-thanks h2{font-size:22px}.beta-thanks p{font-size:12px}.beta-thanks>span{font-size:32px;padding:6px 10px}.beta-updates{padding:18px}.beta-updates article{gap:10px}}
@media(prefers-reduced-motion:reduce){.beta-tabs button,.beta-filters button{transition:none}}

.beta-home-art{background:#efedf9 url('beta-cottage.webp') center/cover no-repeat}
.beta-refresh{border:0;background:none;color:inherit;text-decoration:underline;font-size:inherit;padding:4px;min-height:32px}
.connected-root[data-room="beta"] .beta-idea-card h2{font-size:20px;line-height:1.25}.connected-root[data-room="beta"] .beta-idea-card .post-body{line-height:1.45}
@media(max-width:600px){.connected-root[data-room="beta"] .beta-idea-card h2{font-size:16px}.connected-root[data-room="beta"] .beta-idea-card .post-body{font-size:13px}}
@media(max-width:360px){.beta-hero h1{font-size:27px}.beta-room-icon{width:22px;height:22px}.beta-hero-copy>p:last-child{font-size:10px}.beta-hero .beta-subtitle{font-size:13px}.beta-welcome h2{font-size:19px}.beta-home-art{width:68px;min-height:90px}}

/* Keep the complete workshop artwork at its native 3:2 ratio. The descriptive
   copy lives in the clear wall between the left plant and the idea board. */
.beta-hero{aspect-ratio:1.5;max-height:none;container-type:inline-size;background-size:100% 100%;background-position:center}
.beta-hero-copy>p:last-child{position:absolute;left:20%;top:40%;width:31%;max-width:340px;margin:0;font-size:clamp(10px,1.55cqw,17px);line-height:1.3;overflow-wrap:break-word}
@media(max-width:600px){
 .beta-hero{aspect-ratio:1.5}
 .beta-hero-copy{padding:12px 10px;width:53%}
 .beta-hero-copy .eyebrow{font-size:10px}
 .beta-hero h1{font-size:clamp(22px,6.5cqw,32px);margin:6px 0}
 .beta-room-icon{width:22px;height:22px}
 .beta-hero .beta-subtitle{font-size:clamp(12px,3cqw,15px);line-height:1.2;margin:4px 0}
 .beta-hero-copy>p:last-child{left:20%;top:43%;width:32%;font-size:clamp(10px,2.6cqw,15px)}
}
/* The lamp shade is at 76–91% x, 35–59% y in the unchanged 3:2 artwork. */
.beta-hero[data-lamp-on="false"]{background-image:url('beta-workshop-night-v150.webp'),url('beta-workshop-day-v150.webp')}
.beta-lamp-toggle{position:absolute;left:75%;top:34%;width:18%;height:26%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:45%;background:transparent;cursor:pointer;touch-action:manipulation}
.beta-lamp-toggle:focus-visible{outline:3px solid #6b4a8c;outline-offset:3px;box-shadow:0 0 0 6px #fff9e9b3}
@media(forced-colors:active){.beta-lamp-toggle{border:2px solid ButtonText}.beta-lamp-toggle:focus-visible{outline-color:Highlight}}
/* Measured fallback for narrow screens or enlarged text: copy above the art.
   The transparent lamp target stays aligned with the native 3:2 illustration. */
.beta-hero.beta-hero-text-panel{aspect-ratio:auto;background-size:100% auto;background-position:center bottom}
.beta-hero.beta-hero-text-panel::after{content:"";display:block;width:100%;aspect-ratio:1.5;pointer-events:none}
.beta-hero-text-panel .beta-hero-copy{position:relative;width:100%;box-sizing:border-box;background:#eee7ed;padding:18px 20px}
.beta-hero-text-panel .beta-hero-copy>p:last-child{position:static;width:100%;max-width:none;margin:10px 0 0;font-size:max(12px,1.55cqw);line-height:1.4}
.beta-hero-text-panel .beta-lamp-toggle{top:auto;bottom:26.6667cqw;height:17.3333cqw}

/* Keep the vote action readable beside the idea title, including on phones. */
.beta-support-count{flex:none;width:76px;padding:8px 6px;gap:4px}
.beta-support-count>.beta-vote-label{font-size:12px;line-height:1.25;white-space:normal}
@media(max-width:600px){.beta-support-count{width:64px;min-height:64px}.beta-support-count>.beta-vote-label{font-size:11px}}

/* The marker hint is part of all three room photographs, not a text card. */
/* Scene art keeps every object at its native 3:2 coordinates. */
.beta-hero[data-disco="true"]{background-image:url('beta-workshop-party-plate-v150.webp'),url('beta-workshop-party-v150.webp');background-color:#41254f}
.beta-hero[data-disco="true"] .beta-hero-copy{position:static;color:#fff8ef;text-shadow:0 2px 8px #1c1039;background:radial-gradient(ellipse at 15% 20%,#241234c9,transparent 78%)}
.beta-hero[data-disco="true"] h1,.beta-hero[data-disco="true"] .eyebrow{color:#fff8ef}
.beta-hero[data-disco="true"] .beta-hero-copy>*{position:relative;z-index:2}
.beta-hero[data-disco="true"] .beta-hero-copy>p:last-child{position:absolute;background:#29183a9c;border-radius:12px;padding:8px;box-sizing:border-box}
.beta-hero-text-panel[data-disco="true"] .beta-hero-copy{position:relative;background:#352041}
.beta-hero-text-panel[data-disco="true"] .beta-hero-copy>p:last-child{position:static;background:none;padding:0}
.beta-disco{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}
.beta-hero-text-panel .beta-disco{top:auto;height:66.6667cqw}
.beta-disco-ambience{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 80%,#ffc28b22,transparent 45%),radial-gradient(ellipse at 48% 26%,#ed98ff18,transparent 40%);mix-blend-mode:screen}
.beta-disco-friend{position:absolute;left:76.63%;top:72.46%;width:11.85%;height:17.97%;overflow:visible;transform-origin:50% 94%;animation:beta-disco-dance 2s ease-in-out infinite;filter:drop-shadow(0 2px 2px #ffcf991c)}
.beta-disco-contact{position:absolute;left:77.7%;top:88.1%;width:9.2%;height:2.2%;border-radius:50%;background:radial-gradient(ellipse,#62373899,transparent 72%);filter:blur(1px);animation:beta-disco-contact 1s ease-in-out infinite}
.beta-disco-beams{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen;opacity:.16}
.beta-disco-beams i{position:absolute;left:52%;top:17%;width:65%;height:110%;transform-origin:0 0;background:linear-gradient(150deg,#d1a4f9aa,transparent 75%);clip-path:polygon(0 0,18% 100%,65% 100%);filter:blur(10px);animation:beta-disco-sweep 7s ease-in-out infinite alternate}
.beta-disco-beams i:nth-child(2){background:linear-gradient(140deg,#ffadce99,transparent 75%);animation-delay:-3s;animation-duration:9s}
.beta-disco-beams i:nth-child(3){background:linear-gradient(140deg,#97ecf099,transparent 75%);animation-delay:-5s;animation-duration:8s}
.beta-disco-reflections{position:absolute;inset:-4%;opacity:.27;mix-blend-mode:screen;background:radial-gradient(ellipse 1.4% 2.1% at 24% 55%,#ffb4e3,transparent 90%),radial-gradient(ellipse 1.1% 1.9% at 46% 49%,#b8efff,transparent 90%),radial-gradient(ellipse 1.6% 1% at 57% 92%,#f9c6fe,transparent 90%),radial-gradient(ellipse 1.2% 2.3% at 88% 32%,#ffdcad,transparent 90%),radial-gradient(ellipse 1.8% 1% at 22% 88%,#b4e8ff,transparent 90%);filter:blur(2px);animation:beta-disco-reflections 6s ease-in-out infinite alternate}
.beta-disco-controls{position:absolute;left:3%;bottom:3%;display:flex;align-items:center;gap:8px;max-width:94%;padding:6px 10px;border:1px solid #edc9ed90;border-radius:18px;background:#35223fe8;box-shadow:0 5px 20px #250c3b30,inset 0 1px 0 #fff2;backdrop-filter:blur(12px);color:#fff8f2;font:600 clamp(12px,1.8cqw,18px)/1.2 system-ui,sans-serif;pointer-events:auto}
.beta-disco-controls [role="status"]{display:flex;align-items:center;gap:7px}.beta-disco-controls [role="status"]>span{font-size:1.5em;color:#ffc3e6}
.beta-disco-controls button{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #deb4df99;border-radius:12px;background:#ffffff18;color:#fff8f2;font:inherit;cursor:pointer}
.beta-disco-controls button:focus-visible{outline:3px solid #fff3b6;outline-offset:2px}
.beta-disco-controls button:hover{background:#ffffff30}
@keyframes beta-disco-sweep{from{transform:rotate(-25deg)}to{transform:rotate(28deg)}}
@keyframes beta-disco-reflections{from{transform:translate(-1%,-.6%) rotate(-1deg)}to{transform:translate(1%,.6%) rotate(1deg)}}
/* Four grounded beats at 120 BPM: no flips or dramatic teleports. */
@keyframes beta-disco-dance{0%,25%,50%,75%,100%{transform:translateY(0) rotate(0) scale(1.015,.985)}12.5%{transform:translate(-2%,-7%) rotate(-5deg)}37.5%{transform:translate(2%,-7%) rotate(5deg)}62.5%{transform:translate(-2%,-9%) rotate(-4deg)}87.5%{transform:translate(2%,-9%) rotate(4deg)}}
@keyframes beta-disco-contact{0%,50%,100%{transform:scaleX(1);opacity:.8}25%,75%{transform:scaleX(.88);opacity:.55}}
.beta-hero[data-disco-reduced="true"] .beta-disco *{animation:none!important}
@media(prefers-reduced-motion:reduce){.beta-disco *{animation:none!important}}
@media(forced-colors:active){.beta-disco-beams,.beta-disco-reflections,.beta-disco-ambience{display:none}.beta-disco-controls{background:Canvas;color:CanvasText;border:1px solid ButtonText}.beta-disco-controls button{background:ButtonFace;color:ButtonText}}
@media(max-width:600px){.beta-disco-controls{gap:5px;padding:4px 6px;border-radius:14px}.beta-disco-controls button{padding:6px 9px}.beta-disco-controls [role="status"]{gap:4px}}