:root{--myspace-accent:#cfb6f2;--myspace-selected:#443454}
#myspaceCustomization,#myspaceVisitorWelcome,#myspaceProfileMusic,#myspaceVisitorNavigation,#myspaceCustomizeButton{font:400 14px/1.45 "Segoe UI",Arial,sans-serif;color:#f5f2fa;box-sizing:border-box}
#myspaceCustomization[hidden],#myspaceVisitorWelcome[hidden],#myspaceProfileMusic[hidden],#myspaceVisitorNavigation[hidden],#myspaceCustomizeButton[hidden]{display:none!important}
#myspaceCustomization *,#myspaceVisitorWelcome *,#myspaceProfileMusic *{box-sizing:border-box}
#myspaceCustomization button,#myspaceVisitorWelcome button,#myspaceProfileMusic button,#myspaceVisitorNavigation button,#myspaceCustomizeButton{border:1px solid #625c6c;background:#16191f;color:#f5f2fa;border-radius:12px;padding:10px 14px;font:inherit;cursor:pointer;min-height:42px}
#myspaceCustomization button:hover,#myspaceVisitorWelcome button:hover,#myspaceProfileMusic button:hover,#myspaceVisitorNavigation button:hover,#myspaceCustomizeButton:hover{border-color:var(--myspace-accent);background:var(--myspace-selected)}
#myspaceCustomization button:focus-visible,#myspaceVisitorWelcome button:focus-visible,#myspaceProfileMusic button:focus-visible,#myspaceVisitorNavigation button:focus-visible,#myspaceCustomizeButton:focus-visible{outline:3px solid var(--myspace-accent);outline-offset:3px}
#myspaceCustomizeButton{position:fixed;right:22px;top:28px;z-index:22;background:#16191ff5}
#myspaceCustomization{position:fixed;z-index:30;top:84px;right:22px;bottom:214px;width:min(320px,calc(100vw - 32px));overflow:auto;background:#16191f;border:1px solid #625c6c;border-radius:24px;box-shadow:0 15px 60px #0008;padding:20px}
#myspaceCustomization form{display:flex;flex-direction:column;gap:16px}
#myspaceCustomization header{display:flex;align-items:center;justify-content:space-between;gap:10px}
#myspaceCustomization h2{font-size:21px;font-weight:500;margin:4px 0}
#myspaceCustomization header span,#myspaceVisitorWelcome .msc-welcome>div>span{font-size:11px;letter-spacing:2px;color:var(--myspace-accent)}
#myspaceCustomization label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#c8c0d2}
#myspaceCustomization input:not([type=checkbox]),#myspaceCustomization textarea,#myspaceCustomization select{width:100%;font:400 16px "Segoe UI",Arial,sans-serif;color:#f5f2fa;background:#252a34;border:1px solid #625c6c;border-radius:9px;padding:9px;box-sizing:border-box}
#myspaceCustomization input[type=range]{padding:0;accent-color:var(--myspace-accent)}
#myspaceCustomization .msc-check{flex-direction:row;align-items:center}
#myspaceCustomization .msc-check input{accent-color:var(--myspace-accent)}
#myspaceCustomization small{font-size:11px;color:#c8c0d2}
#myspaceCustomization [data-msc-notice]{margin:0;color:var(--myspace-accent);font-size:13px}
#myspaceCustomization footer{display:flex;gap:8px}
#myspaceCustomization footer button{flex:1}
#myspaceCustomization .msc-primary{background:var(--myspace-selected);border-color:var(--myspace-accent)}
#myspaceCustomization button:disabled{opacity:.5;cursor:wait}
body.myspace-customizing #retreatHome{left:18px;right:365px;width:auto;margin-inline:0}
#retreatHome .retreat-video-card,#retreatHome .retreat-brand,#retreatHome .retreat-empty{border-radius:24px}
#retreatHome button[aria-pressed=true]{background:var(--myspace-selected);border-color:var(--myspace-accent)}
#myspaceProfileMusic{position:fixed;z-index:22;left:20px;bottom:212px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#16191ff5;border:1px solid #45414e;border-radius:18px;max-width:calc(100vw - 40px)}
#myspaceProfileMusic>div{min-width:0;flex:1}
#myspaceProfileMusic strong{display:block;font-weight:500;font-size:13px}
#myspaceProfileMusic span{display:block;font-size:11px;color:#c8c0d2;max-width:260px}
#myspaceProfileMusic button{padding:7px 10px;font-size:12px}
#myspaceVisitorWelcome{position:fixed;z-index:20;inset:100px 22px 290px;width:min(920px,calc(100% - 44px));margin:auto;overflow:auto;max-height:650px}
#myspaceVisitorWelcome .msc-welcome{min-height:100%;display:flex;align-items:center;gap:30px;padding:30px;background:#16191ff5;border:1px solid #625c6c;border-radius:24px}
#myspaceVisitorWelcome .msc-welcome>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
#myspaceVisitorWelcome h2{font-size:30px;font-weight:500;margin:0;overflow-wrap:anywhere}
#myspaceVisitorWelcome p{margin:0;color:#c8c0d2;overflow-wrap:anywhere}
#myspaceVisitorWelcome button{border-color:var(--myspace-accent)}
#myspaceVisitorWelcome .msc-featured{flex:1;max-width:48%;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;border-radius:24px}
#myspaceVisitorWelcome .msc-featured img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#111218}
#myspaceVisitorWelcome .msc-featured span,#myspaceVisitorWelcome .msc-featured strong{padding:0 15px}
#myspaceVisitorWelcome .msc-featured span{font-size:11px;letter-spacing:1px;color:var(--myspace-accent)}
#myspaceVisitorWelcome .msc-featured strong{font-weight:400;padding-bottom:15px}
#myspaceVisitorNavigation{position:fixed;left:50%;bottom:112px;transform:translateX(-50%);z-index:23;width:min(640px,calc(100vw - 36px));height:84px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;background:#16191ff5;border:1px solid #45414e;border-radius:20px}
#myspaceVisitorNavigation button[aria-pressed=true]{background:var(--myspace-selected);border-color:var(--myspace-accent)}
@media(max-width:900px){body.myspace-customizing #retreatHome{left:0;right:0;width:calc(100% - 20px);margin-inline:auto}#myspaceCustomization{width:min(400px,calc(100vw - 28px));right:14px;top:72px;bottom:225px}#myspaceCustomizeButton{right:12px;top:14px;font-size:12px}}
@media(max-width:520px){#myspaceVisitorWelcome{inset:95px 12px 290px;width:calc(100% - 24px)}#myspaceVisitorWelcome .msc-welcome{padding:20px;gap:18px;flex-direction:column;align-items:stretch}#myspaceVisitorWelcome h2{font-size:24px}#myspaceVisitorWelcome .msc-featured{max-width:100%;width:100%}#myspaceProfileMusic{left:12px;right:12px;bottom:224px;max-width:none;font-size:12px;padding:8px}#myspaceProfileMusic span{max-width:150px}#myspaceVisitorNavigation{bottom:100px;height:112px}#myspaceCustomization{bottom:292px}}

#myspaceProfileMusic{flex-wrap:wrap}
#myspaceProfileMusic label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#c8c0d2;max-width:90px}
#myspaceProfileMusic input{width:80px;accent-color:var(--myspace-accent)}
/* Customize is the single owner editor, embedded in the former Rooms panel. */
#roomsUI .customize-tabs{display:flex;justify-content:center;gap:10px;margin:0 0 20px}
#roomsUI .customize-tabs button{padding:10px 20px}
#roomsUI .customize-tabs button[aria-pressed=true]{background:var(--myspace-selected);border-color:var(--myspace-accent);color:var(--myspace-accent)}
#roomsUI .rooms-grid[hidden],#roomsUI .room-confirmation[hidden]{display:none!important}
#roomsUI #myspaceCustomization{position:static;inset:auto;width:auto;max-width:none;overflow:visible;background:none;border:0;box-shadow:none;padding:0}
#roomsUI #myspaceCustomization form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
#myspaceCustomization header,#myspaceCustomization footer,#myspaceCustomization form>small,#myspaceCustomization [data-msc-notice]{grid-column:1/-1}
#roomsUI #myspaceCustomization header{display:none}
#myspaceCustomization [data-msc-action=preview]{align-self:end}
#roomsUI #myspaceCustomization footer{padding:14px;background:#20232a;border:1px solid #45414e;border-radius:12px;justify-content:flex-end}
#roomsUI #myspaceCustomization footer button{flex:0 1 180px}
#roomsUI[data-section=settings] .rooms-heading p{font-size:0}
#roomsUI[data-section=settings] .rooms-heading p::after{content:'Your profile, your preferences.';font-size:15px}
@media(max-width:650px){#roomsUI #myspaceCustomization form{grid-template-columns:1fr}#roomsUI .customize-tabs button{padding:9px 12px}}
#roomsUI .rooms-panel{max-height:calc(100dvh - 236px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#625c6c #16191f}
#myspaceCustomization [hidden]{display:none!important}
