:root{--ui-bg:#0b100c;--ui-surface:#121813;--ui-highlight:#172015;--ui-hover:#24321d;--ui-border:#42523b;--ui-text:#f2f5ef;--ui-muted:#b7c1b6;--ui-accent:#b0e66c;--ui-shadow:0 16px 40px #0005;--ui-error:#ffc0c4;--ui-error-bg:#271417;--ui-orange:#efc58a;--ui-orange-bg:#382b1c;--ui-blue:#aacafa;--ui-blue-bg:#1e2c3d;--ui-purple:#d2b3f5;--ui-purple-bg:#2d243a}:root[data-theme=light]{--ui-bg:#f4f7f1;--ui-surface:#ffffff;--ui-highlight:#edf4e7;--ui-hover:#e3efd8;--ui-border:#bdcbb5;--ui-text:#1b251b;--ui-muted:#4f5d49;--ui-accent:#416820;--ui-shadow:0 16px 40px #23351d20;--ui-error:#9e2934;--ui-error-bg:#fff0f1;--ui-orange:#85520f;--ui-orange-bg:#fff0da;--ui-blue:#355e93;--ui-blue-bg:#e8f0fb;--ui-purple:#714799;--ui-purple-bg:#f1eafa}:root :is(.dashboard-page,.workspace-shell) :is(.notification-trigger,.theme-toggle,.account-trigger){min-height:44px;border-radius:8px;border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-muted)}:root :is(.dashboard-page,.workspace-shell) :is(.notification-trigger,.theme-toggle.compact){width:44px;height:44px}:root :is(.dashboard-page,.workspace-shell) :is(.notification-trigger,.theme-toggle,.account-trigger):is(:hover,[aria-expanded=true]){background:var(--ui-hover);border-color:var(--ui-accent);color:var(--ui-accent)}:root :is(.dashboard-page,.workspace-shell) .theme-toggle>span{background:transparent;color:var(--ui-accent)}:root :is(.dashboard-page,.workspace-shell) .theme-toggle svg{width:18px;height:18px}:root :is(.dashboard-page,.workspace-shell) .account-avatar{background:var(--ui-highlight);color:var(--ui-accent);border:1px solid var(--ui-border)}:root :is(.dashboard-page,.workspace-shell) .account-avatar i{border-color:var(--ui-surface)}:root :is(.dashboard-page,.workspace-shell) :is(.account-dropdown,.notification-dropdown,.global-search-panel){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);border-radius:10px;box-shadow:var(--ui-shadow);backdrop-filter:none}:root :is(.dashboard-page,.workspace-shell) :is(.account-dropdown header,.notification-dropdown header,.global-search-panel>footer){border-color:var(--ui-border);background:var(--ui-surface)}:root :is(.dashboard-page,.workspace-shell) :is(.account-dropdown strong,.notification-dropdown strong){color:var(--ui-text);font-size:15px}:root :is(.dashboard-page,.workspace-shell) :is(.account-dropdown small,.account-dropdown em,.notification-dropdown header span,.notification-list small,.notification-list time,.notification-empty){color:var(--ui-muted);font-size:14px}:root :is(.dashboard-page,.workspace-shell) .account-dropdown nav :is(a,button){min-height:44px;color:var(--ui-text);background:transparent;font-size:15px}:root :is(.dashboard-page,.workspace-shell) .account-dropdown nav :is(a,button):hover{background:var(--ui-hover);color:var(--ui-accent)}:root :is(.dashboard-page,.workspace-shell) .notification-dropdown header button{min-height:40px;background:var(--ui-highlight);color:var(--ui-accent);font-size:14px}:root :is(.dashboard-page,.workspace-shell) .notification-list>button{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text)}:root :is(.dashboard-page,.workspace-shell) .notification-list>button:hover{background:var(--ui-hover)}:root :is(.dashboard-page,.workspace-shell) .notification-list>button.read{opacity:1}:root :is(.dashboard-page,.workspace-shell) .notification-list>button.unread>i{background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:none}:root :is(.dashboard-page,.workspace-shell) .notification-trigger>b{background:var(--ui-accent);color:var(--ui-bg);border-color:var(--ui-surface)}:root :is(.dashboard-page,.workspace-shell) .notification-error{background:var(--ui-error-bg);color:var(--ui-error);border-color:var(--ui-error)}:root :is(.dashboard-page,.workspace-shell) .global-search-field{height:44px;border-radius:8px;background:var(--ui-surface);border-color:var(--ui-border);box-shadow:none}:root :is(.dashboard-page,.workspace-shell) .global-search-field input{color:var(--ui-text);font-size:15px}:root :is(.dashboard-page,.workspace-shell) .global-search-field input::placeholder{color:var(--ui-muted)}:root :is(.dashboard-page,.workspace-shell) .global-search-field>svg{stroke:var(--ui-muted)}:root :is(.dashboard-page,.workspace-shell) :is(.global-search-field kbd,.global-search-panel kbd){background:var(--ui-highlight);border-color:var(--ui-border);color:var(--ui-muted)}:root :is(.dashboard-page,.workspace-shell) .global-search-results section+section{border-color:var(--ui-border)}:root :is(.dashboard-page,.workspace-shell) .global-search-results section>button{color:var(--ui-text);background:var(--ui-surface)}:root :is(.dashboard-page,.workspace-shell) .global-search-results section>button:is(:hover,.active){background:var(--ui-hover);color:var(--ui-accent)}:root :is(.dashboard-page,.workspace-shell) :is(.global-search-results h3,.global-search-results small,.global-search-state,.global-search-panel>footer){color:var(--ui-muted);font-size:14px}:root :is(.dashboard-page,.workspace-shell) :is(.global-search-results strong,.global-search-state strong){color:var(--ui-text);font-size:15px}:root :is(.dashboard-page,.workspace-shell) .global-search-state.error{color:var(--ui-error)}:root :is(.dashboard-page,.workspace-shell) .global-search-state svg{stroke:var(--ui-muted)}:root :is(.dashboard-page,.workspace-shell) .global-search-icon{background:var(--ui-highlight);color:var(--ui-accent)}:root :is(.dashboard-page,.workspace-shell) .global-search-icon.person{background:var(--ui-blue-bg);color:var(--ui-blue)}:root :is(.dashboard-page,.workspace-shell) .global-search-icon.chat{background:var(--ui-orange-bg);color:var(--ui-orange)}:root :is(.dashboard-page,.workspace-shell) .global-search-icon.recording{background:var(--ui-purple-bg);color:var(--ui-purple)}:root :is(.dashboard-page,.workspace-shell) :is(button,a,input):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}:root :is(.dashboard-page,.workspace-shell) .account-dropdown nav>button{color:var(--ui-error)}:root :is(.dashboard-page,.workspace-shell) .account-dropdown nav>button:hover{color:var(--ui-error);background:var(--ui-error-bg)}:root :is(.dashboard-page,.workspace-shell) .global-search-field input:focus-visible{outline:none}:root :is(.dashboard-page,.workspace-shell) .global-search-field:focus-within{outline:2px solid var(--ui-accent);outline-offset:3px}:root :is(.dashboard-page,.workspace-shell) .account-dropdown nav>button{border-color:var(--ui-border)}@media (max-width:760px){:root :is(.dashboard-page,.workspace-shell) .global-search-panel{position:fixed;top:64px;left:12px;right:12px;width:auto}}:root .workspace-shell .sidebar.workspace-sidebar{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);overflow-y:auto;overflow-x:hidden}:root .workspace-shell .workspace-sidebar .sidebar-head{height:56px;flex-shrink:0;gap:6px}:root .workspace-shell .workspace-sidebar .brand{flex:1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}:root .workspace-shell .workspace-sidebar .brand img{width:100%;max-width:160px;height:44px;object-fit:contain}:root .workspace-shell .workspace-sidebar .collapse-button{position:static;width:36px;height:44px;flex-shrink:0;border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-muted);box-shadow:none}:root .workspace-shell .workspace-sidebar nav>p{color:var(--ui-muted);font-size:12px;letter-spacing:1.4px}:root .workspace-shell .workspace-sidebar nav>a{min-height:44px;font-size:15px;color:var(--ui-muted);border-radius:8px;background:transparent;text-decoration:none}:root .workspace-shell .workspace-sidebar nav>a:hover{color:var(--ui-text);background:var(--ui-hover)}:root .workspace-shell .workspace-sidebar nav>a.active{color:var(--ui-accent);background:var(--ui-highlight);box-shadow:inset 2px 0 var(--ui-accent);font-weight:600}:root .workspace-shell .workspace-sidebar nav>a>small{background:var(--ui-highlight);color:var(--ui-accent)}:root .workspace-shell .workspace-sidebar .upgrade{flex-shrink:0;border-radius:8px;border-color:var(--ui-border);background:var(--ui-highlight);box-shadow:none}:root .workspace-shell .workspace-sidebar .upgrade>svg{background:var(--ui-highlight);color:var(--ui-accent)}:root .workspace-shell .workspace-sidebar .upgrade strong{color:var(--ui-text);font-size:14px}:root .workspace-shell .workspace-sidebar .upgrade p{color:var(--ui-muted);font-size:13px}:root .workspace-shell .workspace-sidebar .upgrade>a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;color:var(--ui-accent)}:root .workspace-shell.sidebar-collapsed .workspace-sidebar .sidebar-head{height:100px}:root .workspace-shell.sidebar-collapsed .workspace-sidebar .brand{flex:none;padding:0}:root .workspace-shell.sidebar-collapsed .workspace-sidebar .brand img{width:46px;height:46px}:root .workspace-shell.sidebar-collapsed .workspace-sidebar .collapse-button{width:44px}:root .workspace-shell.sidebar-collapsed .workspace-sidebar nav>a{width:46px;justify-content:center;padding-inline:0}:root .workspace-shell .workspace-account-bar{background:var(--ui-bg);border-color:var(--ui-border);box-shadow:none}:root .workspace-shell .workspace-module-main{background:var(--ui-bg);color:var(--ui-text)}:root .workspace-shell .workspace-module-main>.overview-main{margin-left:0;background:var(--ui-bg);color:var(--ui-text)}:root .workspace-shell .workspace-mobile-bar{background:var(--ui-surface);border-color:var(--ui-border)}:root .workspace-shell .workspace-mobile-bar>img{background:transparent;padding:0;border-radius:0}:root .workspace-shell .workspace-mobile-bar>button,:root .workspace-shell .workspace-sidebar .workspace-sidebar-close{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-muted)}@media (max-width:760px){:root .workspace-shell .workspace-sidebar .collapse-button{display:none}:root .workspace-shell .workspace-sidebar .brand img{max-width:160px}:root .workspace-shell .workspace-module-main>.overview-main{margin-left:0}:root .workspace-mobile-bar>img{flex:1 1 80px;min-width:0;max-width:110px;width:80px}}@media(max-width:760px){:root .workspace-mobile-bar>:is(.global-search,.notification-center,.theme-toggle,.account-menu),:root .workspace-mobile-bar>button{flex-shrink:0}}:root{--ui-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ui-space-1:8px;--ui-space-2:16px;--ui-space-3:24px;--ui-space-4:32px}:root :is(.workspace-shell,.dashboard-page){font-family:var(--ui-font);font-size:15px;line-height:1.5}:root :is(.workspace-shell,.dashboard-page) :is(button,input,select,textarea){font-family:inherit}:root :is(.workspace-shell,.dashboard-page) .sidebar-head .collapse-button{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;flex:0 0 44px;aspect-ratio:1;border-radius:50%;padding:0;display:grid;place-items:center;box-sizing:border-box}:root :is(.workspace-shell,.dashboard-page) .collapse-button svg{width:18px;height:18px;flex-shrink:0}:root :is(.workspace-shell,.dashboard-page) .collapse-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}:root :is(.workspace-shell,.dashboard-page) .global-search-field .search-shortcut{white-space:nowrap;flex-shrink:0;font-family:inherit;letter-spacing:normal;font-size:12px}@media(hover:none),(max-width:1024px),(pointer:coarse){:root :is(.workspace-shell,.dashboard-page) .global-search-field .search-shortcut{display:none}}@media(max-width:760px){:root :is(.workspace-shell,.dashboard-page) .sidebar-head .collapse-button{display:none}}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page){background:var(--ui-bg);color:var(--ui-text);font-size:16px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page)>section{background:var(--ui-surface);border-color:var(--ui-border);border-radius:10px;box-shadow:none}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) img{background:#121813;padding:6px;border-radius:8px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) h1{color:var(--ui-text);font-size:30px;line-height:1.25}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) section>p{color:var(--ui-accent);font-size:13px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) section>:is(span,small){color:var(--ui-muted);font-size:15px;line-height:1.6}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) label{color:var(--ui-text);font-size:16px}:root .invite-accept-page .password,:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) label>input:not([type=checkbox]){height:48px;background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-text);font-size:16px}:root .invite-accept-page .password input{color:var(--ui-text);font-size:16px}:root .invite-accept-page .password button{min-height:44px;color:var(--ui-accent);font-size:14px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) input::placeholder{color:var(--ui-muted);opacity:1}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) .login-submit{height:48px;background:#b0e66c;border-color:#b0e66c;color:#10180b;border-radius:8px;font-size:16px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) a{color:var(--ui-accent);display:inline-block;padding-block:6px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) .login-error{background:var(--ui-error-bg);border-color:var(--ui-error);color:var(--ui-error);font-size:15px}:root :is(.onboarding-page:not(.signup-page):not(.account-status-page),.invite-accept-page) .onboarding-success{background:var(--ui-highlight);border-color:var(--ui-border);color:var(--ui-text);font-size:15px;line-height:1.5}:root .onboarding-page:not(.signup-page):not(.account-status-page) .terms-check{min-height:44px;align-items:center;font-size:14px}:root .onboarding-page:not(.signup-page):not(.account-status-page) .terms-check input{width:20px;height:20px;accent-color:var(--ui-accent)}:root[data-site-design=ruang] :is(.workspace-shell,.ruang-subscription,dialog){--ui-bg:#081725;--ui-surface:#102338;--ui-highlight:#182f46;--ui-hover:#203b55;--ui-border:#2c435a;--ui-text:#f4f7fc;--ui-muted:#b1c2d6;--ui-accent:#b7d6ff;--ui-error:#ffd4dc;--ui-error-bg:#471e30;--ui-shadow:0 16px 40px #0005;--ruang-action:#e51240;--ruang-action-hover:#c80e36;--ruang-action-border:#ff5471;--ruang-brand:#f52a50;--ruang-status:#a6e7cb;--ruang-status-bg:#153a35;background:var(--ui-bg);color:var(--ui-text)}:root[data-site-design=ruang][data-theme=light] :is(.workspace-shell,.ruang-subscription,dialog){--ui-bg:#f3f6fb;--ui-surface:#fff;--ui-highlight:#eaf1fa;--ui-hover:#dce8f6;--ui-border:#cedbeb;--ui-text:#13283e;--ui-muted:#4c627b;--ui-accent:#255b96;--ui-error:#a71b3c;--ui-error-bg:#fff0f3;--ui-shadow:0 16px 40px #13283e1a;--ruang-status:#17634b;--ruang-status-bg:#e4f5ed}:root[data-site-design=ruang] .workspace-shell .workspace-sidebar nav>a.active{box-shadow:inset 3px 0 var(--ruang-brand);color:var(--ui-text);background:var(--ui-highlight)}:root[data-site-design=ruang] .workspace-shell .workspace-sidebar nav>a.active>svg{color:var(--ui-accent)}:root[data-site-design=ruang] .workspace-shell .workspace-sidebar nav>a>small{color:var(--ui-accent);background:var(--ui-highlight)}:root[data-site-design=ruang] .workspace-shell :is(.workspace-account-bar,.workspace-mobile-bar){background:var(--ui-bg);border-color:var(--ui-border)}:root[data-site-design=ruang] .workspace-shell .account-chevron,:root[data-site-design=ruang] .workspace-shell .account-identity small{color:var(--ui-muted)}:root[data-site-design=ruang] .workspace-shell .account-identity strong{color:var(--ui-text)}:root[data-site-design=ruang] .workspace-shell .global-search-open{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-muted)}:root[data-site-design=ruang] .workspace-shell .global-search-field.mobile>button{color:var(--ui-muted)}:root[data-site-design=ruang] .workspace-shell :is(a,button,select):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}:root[data-site-design=ruang] .workspace-shell :is(.workspace-account-actions,.account-language-control) select{background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-text);color-scheme:dark}:root[data-site-design=ruang][data-theme=light] .workspace-shell select{color-scheme:light}:root[data-site-design=ruang] .workspace-shell .workspace-account-actions select{min-height:44px;border-radius:8px}:root[data-site-design=ruang] .workspace-shell .account-language-control{padding:12px 16px;border-bottom:1px solid var(--ui-border)}:root[data-site-design=ruang] .workspace-shell .account-language-control label{width:100%;justify-content:space-between}:root[data-site-design=ruang] .workspace-shell .account-language-control label>span{position:static;width:auto;height:auto;clip-path:none;overflow:visible;color:var(--ui-muted);font-size:14px}@media (max-width:760px){:root[data-site-design=ruang] .workspace-shell .workspace-mobile-bar{gap:8px;padding-inline:10px}:root[data-site-design=ruang] .workspace-shell .workspace-mobile-bar .ruang-shared-brand{flex:1 1 auto;min-width:0}:root[data-site-design=ruang] .workspace-shell .workspace-mobile-bar .ruang-shared-brand>span{font-size:22px}}@media (max-width:480px){:root[data-site-design=ruang] .workspace-shell .workspace-mobile-bar .ruang-shared-brand>span{display:none}}:root[data-site-design=ruang] .workspace-shell .workspace-account-bar{justify-content:flex-end}:root[data-site-design=ruang]{--ruang-action:#e51240;--ruang-action-hover:#c80e36;--ruang-action-border:#ff5471;--ruang-action-text:#fff}:root[data-site-design=ruang] .prejoin-page{--ui-bg:#081725;--ui-surface:#102338;--ui-highlight:#182f46;--ui-border:#2c435a;--ui-text:#f4f7fc;--ui-muted:#b1c2d6;--ui-accent:#ff5471;--lime:#ff5471;display:grid;grid-template-rows:64px minmax(0,1fr) 30px;gap:16px;height:100dvh;min-height:700px;box-sizing:border-box;padding:12px clamp(20px,3vw,48px);background:var(--ui-bg);color:var(--ui-text)}:root[data-site-design=ruang][data-theme=light] .prejoin-page{--ui-bg:#f3f6fb;--ui-surface:#fff;--ui-highlight:#eaf1fa;--ui-border:#cedbeb;--ui-text:#13283e;--ui-muted:#4c627b;--ui-accent:#c80e36}:root[data-site-design=ruang] .prejoin-header{height:auto;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-bottom:12px}:root[data-site-design=ruang] .prejoin-header>a{width:44px;height:44px;border-radius:10px}:root[data-site-design=ruang] .prejoin-header>span{display:flex;justify-self:end;color:var(--ui-muted);font-size:13px}:root[data-site-design=ruang] .prejoin-header>span svg{color:var(--ui-accent)}:root[data-site-design=ruang] .prejoin-header .prejoin-brand{position:static;transform:none;margin:0;gap:3px}:root[data-site-design=ruang] .prejoin-brand>.ruang-shared-brand{width:auto;height:auto;border:0;border-radius:0;transform:none;background:none;display:flex;align-items:center;gap:9px;color:var(--ui-text)}:root[data-site-design=ruang] .prejoin-brand .ruang-shared-brand>img{width:40px;height:40px}:root[data-site-design=ruang] .prejoin-brand .ruang-shared-brand>span{font-size:26px;letter-spacing:-.6px}:root[data-site-design=ruang] .prejoin-brand .ruang-shared-brand small{display:block;align-self:auto;margin:4px 0 0;font-size:10px;letter-spacing:0;line-height:1.1;color:var(--ui-muted)}:root[data-site-design=ruang] .prejoin-brand>small{display:none}:root[data-site-design=ruang] .prejoin-layout{width:100%;max-width:1680px;min-height:0;margin:0 auto;gap:24px;grid-template-columns:minmax(0,1.8fr) minmax(320px,.85fr);align-items:start}:root[data-site-design=ruang] .preview-column{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;gap:12px}:root[data-site-design=ruang] .video-preview{flex:1;min-height:230px;aspect-ratio:auto;border-color:var(--ui-border);background:var(--ui-surface);box-shadow:none}:root[data-site-design=ruang] .prejoin-page .media-state{padding:24px 20px 48px;background:var(--ui-surface)}:root[data-site-design=ruang] .media-state>.state-icon{width:56px;height:56px;background:var(--ui-highlight);color:var(--ui-muted)}:root[data-site-design=ruang] .media-state>strong{font-size:clamp(18px,1.6vw,24px);line-height:1.3;margin-top:16px}:root[data-site-design=ruang] .media-state>span:not(.state-icon):not(.avatar-preview){max-width:420px;color:var(--ui-muted);font-size:14px}:root[data-site-design=ruang] .media-state>button{min-height:44px;background:#e51240;border-color:#ff5471;color:white;font:inherit;font-size:14px}:root[data-site-design=ruang] .prejoin-page .preview-controls{margin:0;gap:8px;flex-wrap:wrap}:root[data-site-design=ruang] .prejoin-page .preview-controls button{min-height:44px;padding:10px 14px;font-size:14px;border-radius:10px}:root[data-site-design=ruang] .preview-label{font-size:12px}:root[data-site-design=ruang] .prejoin-footer i,:root[data-site-design=ruang] .preview-label i{background:var(--ui-accent)}:root[data-site-design=ruang] .preview-device-settings{border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);flex:none}:root[data-site-design=ruang] .preview-device-settings>summary{min-height:44px;padding:12px 16px;cursor:pointer;font-size:14px;color:var(--ui-text);box-sizing:border-box}:root[data-site-design=ruang] .preview-device-settings .device-panel{margin:0;border:0;padding:4px 16px 16px;background:none}:root[data-site-design=ruang] .device-panel label>span{color:var(--ui-muted)}:root[data-site-design=ruang] .device-panel>div{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-site-design=ruang] .device-panel select{height:44px;font-size:13px}:root[data-site-design=ruang] .preview-mirror-note{margin:0;font-size:12px;line-height:1.5;color:var(--ui-muted)}:root[data-site-design=ruang] .join-card{order:0;max-height:100%;overflow:auto;padding:24px;box-sizing:border-box;border-color:var(--ui-border);background:var(--ui-surface)}:root[data-site-design=ruang] .join-kicker{margin:0 0 14px;color:var(--ui-muted);font-size:11px;letter-spacing:1.2px}:root[data-site-design=ruang] .meeting-status{background:var(--ui-highlight);border-color:var(--ui-border);color:var(--ui-text);font-size:11px;align-items:center;gap:6px}:root[data-site-design=ruang] .meeting-status i{margin:0;background:var(--ui-accent)}:root[data-site-design=ruang] .join-card h1{font-size:clamp(22px,2vw,30px);margin:14px 0 18px}:root[data-site-design=ruang] .join-meta{border-color:var(--ui-border)}:root[data-site-design=ruang] .join-meta>span{align-items:start;font-size:13px;line-height:1.5;padding:12px 0;text-align:right;overflow-wrap:anywhere}:root[data-site-design=ruang] .join-meta b{font-size:12px;text-align:left;flex:0 0 38%}:root[data-site-design=ruang] .privacy-note{margin:16px 0;padding:12px;background:var(--ui-highlight);border-color:var(--ui-border);color:var(--ui-muted)}:root[data-site-design=ruang] .privacy-note span{color:var(--ui-muted);font-size:12px}:root[data-site-design=ruang] .privacy-note strong{color:var(--ui-text);font-size:12px}:root[data-site-design=ruang] .join-button{min-height:48px;border:1px solid #ff5471;background:#e51240;color:white;font-size:14px;border-radius:10px}:root[data-site-design=ruang] .join-button:hover:not(:disabled){background:#c80e36}:root[data-site-design=ruang] .join-card>a.prejoin-cancel{min-height:44px;font-size:14px;margin-top:10px}:root[data-site-design=ruang] .prejoin-footer{width:100%;max-width:1680px;min-height:0;margin:0 auto;gap:16px;justify-content:space-between;color:var(--ui-muted);font-size:11px}:root[data-site-design=ruang] .prejoin-footer span{color:var(--ui-muted)}:root[data-site-design=ruang] .prejoin-page :is(button,a,summary,select):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}@media(max-width:980px){:root[data-site-design=ruang] .prejoin-page{height:auto;min-height:100dvh;grid-template-rows:60px auto auto;gap:16px;padding:12px 20px}:root[data-site-design=ruang] .prejoin-layout{grid-template-columns:minmax(0,1fr);gap:16px;max-width:720px}:root[data-site-design=ruang] .preview-column{height:auto}:root[data-site-design=ruang] .video-preview{aspect-ratio:16/9;min-height:200px;flex:none}:root[data-site-design=ruang] .join-card{max-height:none}:root[data-site-design=ruang] .prejoin-footer{max-width:720px;flex-wrap:wrap;gap:6px}}@media(max-width:540px){:root[data-site-design=ruang] .prejoin-page{padding:8px 12px 16px;gap:12px;grid-template-rows:54px auto auto}:root[data-site-design=ruang] .prejoin-header{grid-template-columns:44px 1fr;gap:12px;padding-bottom:8px}:root[data-site-design=ruang] .prejoin-header>span{display:none}:root[data-site-design=ruang] .prejoin-header .prejoin-brand{justify-self:start}:root[data-site-design=ruang] .prejoin-brand .ruang-shared-brand>img{width:34px;height:34px}:root[data-site-design=ruang] .prejoin-brand .ruang-shared-brand>span{font-size:23px}:root[data-site-design=ruang] .prejoin-layout{gap:12px}:root[data-site-design=ruang] .preview-column{gap:8px}:root[data-site-design=ruang] .video-preview{min-height:194px}:root[data-site-design=ruang] .prejoin-page .media-state{padding:16px 12px 34px}:root[data-site-design=ruang] .media-state>.state-icon{width:34px;height:34px}:root[data-site-design=ruang] .media-state>.state-icon svg{width:18px}:root[data-site-design=ruang] .media-state>strong{font-size:16px;margin-top:8px}:root[data-site-design=ruang] .media-state>span:not(.state-icon):not(.avatar-preview){font-size:12px;line-height:1.4;margin-top:5px;max-width:290px}:root[data-site-design=ruang] .media-state>button{margin-top:10px;min-height:40px;padding:8px 12px;font-size:13px}:root[data-site-design=ruang] .prejoin-page .preview-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}:root[data-site-design=ruang] .prejoin-page .preview-controls button{padding:8px 5px;font-size:11px;gap:5px;min-width:0;width:auto}:root[data-site-design=ruang] .prejoin-page .preview-controls .effects-trigger{flex-basis:auto}:root[data-site-design=ruang] .preview-label{left:12px;bottom:10px;font-size:11px}:root[data-site-design=ruang] .preview-mirror-note{display:none}:root[data-site-design=ruang] .device-panel>div{grid-template-columns:minmax(0,1fr)}:root[data-site-design=ruang] .join-card{padding:16px}:root[data-site-design=ruang] .join-kicker{margin-bottom:8px}:root[data-site-design=ruang] .join-card h1{font-size:22px;margin:10px 0 12px}:root[data-site-design=ruang] .join-meta>span{padding:8px 0;font-size:12px}:root[data-site-design=ruang] .privacy-note{margin:12px 0;padding:10px}:root[data-site-design=ruang] .prejoin-footer p{display:none}}@media(min-width:981px) and (max-height:699px){:root[data-site-design=ruang] .prejoin-page{height:auto;grid-template-rows:64px auto 30px}:root[data-site-design=ruang] .video-preview{aspect-ratio:16/9;flex:none}}:root:not([data-site-design=ruang]) .preview-device-settings>summary{cursor:pointer;padding:12px 0;color:var(--ui-text)}