.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-scene.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-scene-asleep.webp'),url('beta-workshop-scene.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}