.room-screen-mode{padding:30px clamp(28px,4vw,76px) 24px;background:radial-gradient(circle at 18% 68%,rgba(58,103,104,.36),transparent 38%),radial-gradient(circle at 86% 8%,rgba(81,119,122,.3),transparent 35%),#10262e;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:26px;overflow:auto}
.room-screen-header,.room-screen-header-right,.room-screen-brand,.room-screen-main,.room-screen-features,.room-screen-panel-head,.room-screen-event,.room-screen-device-list>div,.room-screen-connect,.room-screen-footer{display:flex;align-items:center}.room-screen-header{justify-content:space-between;gap:18px}.room-screen-brand{gap:12px}.room-screen-monogram{width:38px;height:38px;border:1px solid #c8a979;border-radius:10px;color:#d6b886;display:grid;place-items:center;font-weight:800;font-size:19px}.room-screen-brand strong{display:block;color:#fff;font-size:19px;letter-spacing:-.08em;line-height:1}.room-screen-brand strong span{color:#c9aa7d}.room-screen-brand small{display:block;font-size:8px;letter-spacing:.21em;color:#88a8a9;margin-top:6px;font-weight:800}.room-screen-header-right{gap:28px}.room-screen-date{color:#a7c0bc;font-size:12px}.room-screen-date b{color:#fff;font-size:19px;margin-left:10px;font-family:'DM Sans',sans-serif}.room-screen-mode .close-screen{align-self:auto;padding:10px 14px}
.room-screen-main{gap:clamp(24px,4vw,74px);min-height:0;align-items:center}.room-screen-hero{flex:1.1;min-width:0;max-width:780px}.room-screen-aside{flex:.85;max-width:570px;min-width:350px;display:grid;gap:12px}.room-screen-kicker{color:#b3ddcd;font-size:11px;letter-spacing:.13em;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:clamp(22px,5vh,55px)}.room-screen-status-dot{width:8px;height:8px;border-radius:50%;background:#85d1aa;box-shadow:0 0 0 6px rgba(133,209,170,.12)}.room-screen-eyebrow{color:#d1ae77;font-size:11px;letter-spacing:.2em;font-weight:800}.room-screen-mode h1{font-size:clamp(66px,9vw,150px);line-height:.98;margin:12px 0 18px;letter-spacing:-.085em;color:#fff}.room-screen-mode .room-screen-tagline{font-size:clamp(18px,1.65vw,27px);line-height:1.4;color:#c8dbd6;margin:0;max-width:670px}.room-screen-features{gap:10px;flex-wrap:wrap;margin-top:28px}.room-screen-features span{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff2e;border-radius:100px;color:#b9cfca;padding:9px 12px;font-size:11px;font-weight:700;background:#ffffff09}.room-screen-features svg{width:15px;height:15px;color:#d0b184}.room-screen-focus{margin-top:clamp(36px,8vh,90px);border-left:2px solid #c6a675;padding-left:21px}.room-screen-panel-label{display:block;color:#c9ac81;font-size:10px;letter-spacing:.18em;font-weight:800}.room-screen-focus strong{display:block;font-size:clamp(22px,2.6vw,38px);line-height:1.2;margin:12px 0 6px;letter-spacing:-.04em;color:#fff}.room-screen-focus p{font-size:14px;margin:0;color:#9fbcb8}
.room-screen-panel{border:1px solid #ffffff24;background:rgba(255,255,255,.065);border-radius:17px;padding:20px 23px;box-shadow:0 18px 48px rgba(0,0,0,.08)}.room-screen-panel-head{justify-content:space-between;gap:12px;margin-bottom:15px}.room-screen-panel h2{color:#fff;font-size:19px;letter-spacing:-.045em;margin:5px 0 0}.room-screen-count{color:#c7d6d1;font-size:11px;white-space:nowrap}.room-screen-events{display:grid}.room-screen-event{gap:13px;padding:12px 0;border-top:1px solid #ffffff1c;align-items:flex-start}.room-screen-event:first-child{border-top:0;padding-top:2px}.room-screen-event-time{width:54px;flex:none}.room-screen-event-time strong{display:block;color:#e9f2ee;font-size:15px}.room-screen-event-time span{display:block;color:#7f9c9c;font-size:10px;margin-top:4px}.room-screen-event-copy{flex:1;min-width:0}.room-screen-event-copy strong{display:block;color:#f2f5f2;font-size:12px;line-height:1.4}.room-screen-event-copy small{display:block;color:#91aba8;font-size:10px;margin-top:5px}.room-screen-event-status{font-size:9px;white-space:nowrap;color:#95b5ac;border:1px solid #ffffff29;border-radius:100px;padding:5px 7px}.room-screen-event.is-current .room-screen-event-status{color:#b6e4c4;border-color:#83c39b77;background:#83c39b17}.room-screen-empty{font-size:12px;color:#a9c1bb;margin:0}.room-screen-device-list>div{gap:10px;padding:9px 0;border-top:1px solid #ffffff1b}.room-screen-device-list>div:first-child{border-top:0;padding-top:1px}.room-screen-device-icon{width:29px;height:29px;border-radius:7px;background:#ffffff16;display:grid;place-items:center;color:#c5d8ce}.room-screen-device-icon svg{width:16px;height:16px}.room-screen-device-name{flex:1;color:#e7eeea;font-size:11px}.room-screen-device-state{font-size:9px;color:#9ed3b3}.room-screen-device-state.needs-check{color:#efc28f}.room-screen-connect{gap:15px;padding:18px 22px;border:1px solid #c7a7756b;border-radius:15px;background:linear-gradient(110deg,rgba(201,168,117,.18),rgba(255,255,255,.04));align-items:flex-start}.room-screen-connect-icon{width:36px;height:36px;border-radius:9px;background:#c8ab7b2b;display:grid;place-items:center;flex:none;color:#e3c699}.room-screen-connect-icon svg{width:20px;height:20px}.room-screen-connect strong{display:block;font-size:14px;color:#fff;margin:5px 0}.room-screen-connect p{font-size:11px;line-height:1.5;color:#b4cbc4;margin:0}.room-screen-footer{justify-content:space-between;gap:20px;border-top:1px solid #ffffff27;padding-top:17px;color:#78999b;font-size:9px;letter-spacing:.08em}.room-screen-footer>span:first-child{font-weight:800;color:#a3c0b7}.room-screen-footer i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#c2a273;margin:0 8px 2px}
@media(max-width:1050px){.room-screen-main{align-items:stretch}.room-screen-hero{flex:.9}.room-screen-aside{min-width:300px}.room-screen-mode h1{font-size:clamp(65px,9vw,108px)}}
@media(max-width:760px){.room-screen-mode{padding:22px 22px 26px;gap:24px;grid-template-rows:auto auto auto;align-content:start}.room-screen-main{display:block;min-height:auto}.room-screen-hero,.room-screen-aside{max-width:none}.room-screen-aside{min-width:0;margin-top:30px}.room-screen-mode h1{font-size:76px}.room-screen-kicker{margin:20px 0 28px}.room-screen-focus{margin-top:30px}.room-screen-date{display:none}.room-screen-footer{display:block;line-height:1.8}.room-screen-footer>span{display:block}}
@media(max-width:390px){.room-screen-mode{padding:18px}.room-screen-mode h1{font-size:62px}.room-screen-features{gap:7px}.room-screen-features span{font-size:10px}.room-screen-panel{padding:16px}.room-screen-event-status{display:none}}