:root{--ux-text-scale:1;--ux-bg:#101d28;--ux-surface:#172c3a;--ux-ink:#f0f6fa;--ux-muted:#b6cbd9;--ux-line:#567084;--ux-accent:#c5b5f0}
#accountPairingDialog{z-index:120!important}
#experience{position:fixed;inset:0;z-index:24;overflow:auto;overscroll-behavior:contain;color:var(--ux-ink);font:calc(15px * var(--ux-text-scale))/1.5 system-ui,sans-serif;background:linear-gradient(#0d1d2ae8,#10202ce8)}
#experience[hidden],#experience [hidden]{display:none!important}#experience *{box-sizing:border-box}#experience button,#experience input,#experience select{font:inherit}#experience button{min-height:44px;padding:9px 15px;color:var(--ux-ink);background:#213c4e;border:1px solid #728b9e;border-radius:10px;cursor:pointer}#experience button:hover{background:#345469}#experience button:focus-visible,#experience input:focus-visible,#experience select:focus-visible{outline:3px solid #e0d6ff;outline-offset:3px}#experience button:disabled{opacity:.6;cursor:wait}#experience .ux-primary{background:var(--ux-accent);color:#201635;border-color:var(--ux-accent)}#experience .ux-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 25px;background:#0e202cf5;border-bottom:1px solid var(--ux-line)}#experience .ux-brand{letter-spacing:3px;border:0;background:none;padding-left:0}#experience nav{display:flex;flex:1;gap:6px;flex-wrap:wrap}#experience nav button{background:none;border-color:transparent}#experience nav button[aria-current=page]{background:#38425c;border-color:#a89acb}#experience .ux-panel,#experience .ux-playback{max-width:1160px;margin:0 auto;padding:35px 24px 90px}#experience .ux-page-heading{margin-bottom:25px}#experience .ux-page-heading>span{color:#d0bdf4;font-size:.78em;letter-spacing:2px}#experience h1{font-size:2.3em;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:10px 0 12px}#experience h2{font-size:1.4em;font-weight:500;margin:20px 0 15px}#experience h3{font-size:1.1em;font-weight:500;margin:8px 0}#experience p{color:var(--ux-muted);margin:8px 0 15px}#experience .ux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}#experience .ux-card,#experience .ux-room{background:var(--ux-surface);border:1px solid #466073;border-radius:15px;overflow:hidden;min-width:0}#experience .ux-card-copy,#experience .ux-room{padding:18px}#experience .ux-thumb{position:relative;display:block;border:0;padding:0;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:0;background:#1f3949}#experience .ux-thumb img,#experience .ux-offer-photo{display:block;width:100%;height:100%;object-fit:cover}#experience .ux-offer-photo{height:auto;aspect-ratio:16/9;object-fit:contain;background:#10202c}#experience .ux-card h3 button{background:none;border:0;padding:0;text-align:left;min-height:30px;overflow-wrap:anywhere}#experience .ux-privacy,#experience .ux-duration{position:absolute;bottom:10px;padding:4px 8px;background:#10212deb;color:#eff6fa;font-size:.75em;border-radius:5px}#experience .ux-privacy{left:10px}#experience .ux-duration{right:10px}#experience .ux-placeholder{display:flex;align-items:center;justify-content:center;height:100%}#experience .ux-placeholder svg{width:34px;height:34px}#experience .ux-resume{font-size:.83em;color:#ded1ff}#experience .ux-filters{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:25px 0}#experience label{display:block;color:#d1dfe8;font-size:.9em}#experience .ux-filters label:first-child{flex:1;min-width:180px}#experience input[type=search],#experience select{display:block;width:100%;min-height:44px;background:#152c3b;border:1px solid #6d879a;color:var(--ux-ink);border-radius:8px;padding:9px 12px;margin-top:6px}#experience .ux-tabs{display:flex;gap:10px;margin:20px 0}#experience .ux-tabs [aria-pressed=true]{background:var(--ux-accent);color:#201635}#experience .ux-empty{padding:28px 22px;grid-column:1/-1;border:1px solid #4b687d;border-radius:14px;background:#142a38}#experience .ux-room-section{margin-top:38px}#experience .ux-badge{display:inline-block;font-size:.76em;letter-spacing:.3px;padding:4px 8px;border-radius:6px;background:#30485a;color:#e0ebf3}#experience .ux-room .ux-badge{background:#393551;color:#e9dbff}#experience .ux-room-section .ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#experience .ux-settings{display:grid;grid-template-columns:1fr 1fr;gap:28px}#experience .ux-settings section{padding:22px;border:1px solid #527086;border-radius:14px;background:#142c3a}#experience .ux-settings label{margin-top:22px}#experience .ux-settings input[type=range]{width:100%;min-height:35px;accent-color:#c5b5f0}#experience output{float:right}#experience .ux-settings button{margin:0 8px 10px 0}#experience .ux-check{display:flex;align-items:center;gap:10px;min-height:44px}#experience .ux-check input{width:20px;height:20px}#experience details{margin:20px 0}#experience summary{cursor:pointer;min-height:44px;padding:10px 0}#experience .ux-watch-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}#experience .ux-watch-heading h1{font-size:1.8em}#experience .ux-watch-actions{display:flex;gap:10px;flex-wrap:wrap}#experience .ux-video-wrap{position:relative;aspect-ratio:16/9;min-height:150px;background:#09131a;border-radius:16px;overflow:hidden}#experience video{display:block;width:100%;height:100%;object-fit:contain}#experience .ux-preview-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:#10212bc9;pointer-events:none;color:#f0f6fa}#experience .ux-toast{position:sticky;bottom:15px;max-width:640px;margin:0 auto;padding:12px 18px;border-radius:10px;background:#30475a;color:#f1f5f8;z-index:3}#experience .ux-toast:empty{display:none}#experience.ux-in-room{background:none;pointer-events:none}#experience.ux-in-room .ux-header{pointer-events:auto}#experience.ux-in-room .ux-panel{display:none}#experience .ux-card img{transition:transform .16s}#experience .ux-card .ux-thumb:hover img{transform:scale(1.025)}
body.ux-browser #hudStack,body.ux-browser #retreatHome,body.ux-browser #qolQuickToggle,body.ux-browser #qolQuickMenu{display:none!important}body.ux-browser #VRButton,body.ux-xr #VRButton{display:none!important}body.ux-xr #experience{display:none!important}body.ux-reduced-motion *,body.ux-reduced-motion *::before,body.ux-reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.ux-browser #qualityDiagnostics:not([hidden]){z-index:90;position:fixed;right:15px;bottom:15px;max-width:min(700px,calc(100% - 30px));max-height:75vh;overflow:auto}#onboardingGate .onboarding-gate__panel h2{font-size:2em}#onboardingGate .onboarding-gate__panel p{color:#c5d1df}
@media(max-width:800px){#experience .ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#experience .ux-header{padding:12px 15px;gap:8px}#experience nav{order:3;flex-basis:100%}#experience nav button{flex:1;padding:9px 10px;font-size:.9em}#experience .ux-settings{grid-template-columns:1fr}}
@media(max-width:480px){#experience h1{font-size:1.8em}#experience .ux-panel,#experience .ux-playback{padding:25px 16px 70px}#experience .ux-grid,#experience .ux-room-section .ux-grid{grid-template-columns:1fr}#experience .ux-header>button[data-action=account]{margin-left:auto}#experience .ux-header>button[data-action=enter-vr]{font-size:.8em}#experience nav{gap:0}#experience nav button{font-size:.78em;padding:8px 5px}#experience .ux-settings section{padding:17px}#experience .ux-watch-heading{align-items:flex-start;flex-direction:column}#experience .ux-filters{gap:10px}#experience .ux-filters label{flex:1}#experience .ux-filters label:first-child{flex-basis:100%}}
