/* Tech / Life — surrounding experience UI, independent of app themes. */
body{background:#faf9f6;color:#101b39;font-family:Inter,'Segoe UI',sans-serif}
#thaq{background:radial-gradient(ellipse at 100% 0,#efe7db88,transparent 38%)}
.top{height:90px;border-color:#14213a18;padding:0 48px}
.top-note{color:#132449;font-size:11px;font-weight:650;letter-spacing:5px}.top-note span{color:#f47b20;margin:0 22px}
.back{font-weight:600;color:#101d3e}.back:hover{color:#234eff}
main{padding-top:30px}.intro{gap:28px;margin-bottom:26px}.intro>div:first-child{min-width:0}
.intro .eyebrow{color:#7d879d;font-size:10px;letter-spacing:3px;margin-bottom:12px}
h1{font-size:clamp(30px,3.5vw,55px);font-weight:750;letter-spacing:-1.9px;line-height:1.12;margin-bottom:14px;color:#0a1533}h1 span{color:#214cff}
.intro p:not(.eyebrow){color:#536079;font-size:15px;max-width:680px;line-height:1.6}
.sim{position:relative;flex-shrink:0;min-width:220px;border-left:1px solid #17244022;padding:28px 0 28px 30px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:1.3px}.sim i{background:#fb7d1c;width:7px;height:7px;margin-right:9px}.sim small{color:#9297a2;text-transform:none;letter-spacing:0;font-weight:400;padding-left:20px}.sim:before{content:'';position:absolute;left:28px;top:-12px;width:82px;height:30px;background:radial-gradient(#adb8ca 1px,transparent 1px) 0 0/16px 16px;opacity:.6}
.room-picker{gap:9px;margin-bottom:14px}.room-picker button{background:#ededee;color:#17223e;padding:13px 23px;font-size:12px;display:flex;align-items:center;gap:10px;transition:background .2s,color .2s}.room-picker button[aria-pressed=true]{background:#244bff;color:#fff;box-shadow:0 4px 12px #244bff16}.room-picker button:hover{background:#e0e5f7}.room-picker button[aria-pressed=true]:hover{background:#163beb}
.room-picker button:before,.presets button:before{content:'';display:inline-block;width:18px;height:18px;background:currentColor;mask:var(--nav-icon) center/contain no-repeat}
.room{border-radius:20px}.room .hotspot{color:#234b98}.glass{background:#111b2c65}.room .hotspot::after{background:#12203bd9}
.panel-wrap{position:relative;padding:18px 10px 16px;border-radius:28px;background:linear-gradient(145deg,#f0f0ef,#f6f6f5);isolation:isolate}.panel-wrap:before{content:'';position:absolute;inset:78px 12px 15px;background:radial-gradient(#abb9d0 1px,transparent 1px) 0 0/20px 20px;opacity:.3;z-index:-1;pointer-events:none}
.platforms{border-radius:24px;background:#e4e5e8;margin-bottom:18px;padding:4px}.platforms button{font-size:10px;border-radius:20px;color:#192746;padding:9px 5px}.platforms button[aria-pressed=true]{color:#214cff;background:white}
.scene-bar{padding:22px 0;border-color:#1724401b;gap:18px}.scene-bar .eyebrow{color:#8190a7;font-size:8px;letter-spacing:2px}.scene-bar h2{font-size:15px;font-weight:650;letter-spacing:.2px}.scene-bar>div:first-child:after{content:'';display:block;width:30px;height:2px;background:#f78020;margin-top:12px}
.presets{gap:8px;flex-wrap:nowrap}.presets button{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 15px;font-size:11px;white-space:nowrap;border-color:#17244022;color:#162346;background:#ffffff60}.presets button:before{color:#244bff}.presets button:hover,.presets button[aria-pressed=true]{background:#244bff;border-color:#244bff;color:white}.presets button[aria-pressed=true]:before,.presets button:hover:before{color:white}
.lower{grid-template-columns:1fr;padding:20px 0}.hint{font-size:11px;color:#8590a2}.hint strong{color:#243654;font-weight:600}.hint-number{font:600 10px/1.7 'Segoe UI',sans-serif;letter-spacing:3px;color:#204bff;border-right:1px solid #17244022;padding-right:20px}.credit{color:#929aa9}.reset{color:#778398;font-size:10px}.endnote{border-color:#1724401b;color:#9099a8;font-size:9px}.endnote a{color:#243654}
@media(min-width:761px){.experience{grid-template-columns:minmax(0,1fr) 310px;gap:28px}}
@media(min-width:1400px){.experience{gap:30px}.room-picker button{min-width:140px;justify-content:center}}
@media(max-width:1100px){.top{padding:0 24px}.intro p:not(.eyebrow){font-size:14px}.scene-bar{align-items:flex-start}.presets{width:100%}.presets button{flex:1}}
@media(max-width:760px){.top{height:72px;padding:0 16px}.official-logo{width:180px}.back{font-size:10px}main{padding:25px 16px 16px}.intro{margin-bottom:22px}h1{font-size:clamp(28px,6.5vw,42px);letter-spacing:-1px}.intro p:not(.eyebrow){max-width:100%;font-size:13px}.room-picker button{padding:11px 16px;font-size:11px;flex-shrink:0}.room-picker{margin-bottom:16px}.room{border-radius:15px}.panel-wrap{max-width:330px;padding:18px 15px}.scene-bar{padding:17px 0}.scene-bar h2{font-size:16px}.lower{display:none}.endnote{line-height:1.7}.hint{display:none}}
.room-picker [data-room="entrance"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021V3h14v18M7%2012h1M1%2021h21%22%2F%3E%3C%2Fsvg%3E")}
.room-picker [data-room="living"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010V5h16v5M3%2010h18v9H3zM6%2019v3m12-3v3%22%2F%3E%3C%2Fsvg%3E")}
.room-picker [data-room="bedroom"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018V8m18%2010V8M3%2012h18v6H3M6%2012V6h12v6%22%2F%3E%3C%2Fsvg%3E")}
.room-picker [data-room="dining"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202v7m3-7v7M2%202v7h6M5%209v13M17%202v20m0-20c-5%203-5%2010%200%2010%22%2F%3E%3C%2Fsvg%3E")}
.room-picker [data-room="bathroom"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v9H5zM7%2012v6h10v-6M9%2018v4h6v-4%22%2F%3E%3C%2Fsvg%3E")}
.presets [data-scene="home"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010l9-8%209%208M5%209v12h5v-7h4v7h5V9%22%2F%3E%3C%2Fsvg%3E")}
.presets [data-scene="movie"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206l10%206-10%206zM2%203h20v18H2z%22%2F%3E%3C%2Fsvg%3E")}
.presets [data-scene="sleep"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2015A9%209%200%200%201%209%203a9%209%200%201%200%2011%2012%22%2F%3E%3C%2Fsvg%3E")}