: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}.account-loading-avatar{display:block;width:22px;height:22px;opacity:.65}:root[data-site-design=ruang] .dashboard-page .content>footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:24px;padding:16px 0;border-top:1px solid var(--dash-border,var(--ui-border,#cedbeb))}:root[data-site-design=ruang] .dashboard-page .content>footer p{margin:0}:root[data-site-design=ruang] .dashboard-page .content>footer small{margin-left:auto}@media(max-width:600px){:root[data-site-design=ruang] .dashboard-page .content>footer small{width:100%;margin-left:0}}:root[data-site-design=ruang] .dashboard-page .activity-summary .activity-head{flex-direction:row;align-items:center;flex-wrap:wrap}:root[data-site-design=ruang] .dashboard-page .activity-view-toggle{margin-left:auto;min-height:40px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-accent);font:inherit;font-size:13px;white-space:nowrap}:root[data-site-design=ruang] .dashboard-page .activity-view-toggle:hover{background:var(--ui-highlight)}:root[data-site-design=ruang] .dashboard-page .activity-view-toggle:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}:root[data-site-design=ruang] .dashboard-page .activity-icon{width:36px;height:36px;min-height:36px;align-self:center;aspect-ratio:1;display:grid;place-items:center;flex:0 0 36px}:root[data-site-design=ruang] .dashboard-page .activity-icon svg{width:18px;height:18px}:root[data-site-design=ruang] .workspace-shell .workspace-account-actions select{height:40px;min-height:40px;background-color:var(--ui-surface)}:root[data-site-design=ruang] .workspace-shell :is(.workspace-account-actions,.account-language-control) select:focus-visible{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 18%,transparent)}: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)}:root[data-site-design=ruang] .live-room{--lk-bg:#081725;--lk-bg2:#102338;--lk-bg3:#182f46;--lk-bg4:#203b55;--lk-fg:#f4f7fc;--lk-border-color:#2c435a;--lk-accent-bg:#e51240;--lk-accent-fg:#fff;--lk-control-bg:#102338;--lk-control-hover-bg:#182f46;--lk-control-active-bg:#203b55;--lk-control-fg:#f4f7fc;--lime:#b7d6ff;background:#081725;color:#f4f7fc}:root[data-site-design=ruang] .live-room :is(.live-header,.lk-video-conference,.meeting-controls-row,.lk-control-bar){background:#081725;border-color:#2c435a}:root[data-site-design=ruang] .live-room :is(.lk-participant-tile,.lk-participant-placeholder,.xspace-profile-placeholder){background:#102338;border-color:#2c435a}:root[data-site-design=ruang] .live-room .live-actions{background:#102338;border-color:#2c435a}:root[data-site-design=ruang] .live-room .hand-raise-button,:root[data-site-design=ruang] .live-room .live-actions button,:root[data-site-design=ruang] .live-room .lk-button{background:#182f46;border-color:#2c435a;color:#f4f7fc}:root[data-site-design=ruang] .live-room :is(.lk-button,.live-actions button):hover{background:#203b55}:root[data-site-design=ruang] .live-room .hand-raise-button[aria-pressed=true],:root[data-site-design=ruang] .live-room .participant-hand-badge{background:#e51240;border-color:#ff5471;color:#fff}:root[data-site-design=ruang] .live-room .raised-hands-summary{background:#102338;border-color:#ff5471;color:#f4f7fc}:root[data-site-design=ruang] .live-room .raised-hands-names{color:#b1c2d6}:root[data-site-design=ruang] .live-room .hand-raise-button:focus-visible{outline-color:#b7d6ff}:root[data-site-design=ruang] .live-room .live-actions :is(.end-button,.record-button.active),:root[data-site-design=ruang] .live-room .lk-disconnect-button{background:#471e30;border-color:#ff5471;color:#ffd4dc}:root[data-site-design=ruang] .live-room .meeting-live-status{background:#182f46;border-color:#4f7092;color:#b7d6ff}:root[data-site-design=ruang] .live-room .meeting-live-status i{background:#b7d6ff}:root[data-site-design=ruang] .live-room .meeting-code{color:#b1c2d6}:root[data-site-design=ruang] .live-room .xspace-profile-thumbnail{background:#182f46;border-color:#4f7092}:root[data-site-design=ruang] .host-panel .host-raised-hands :is(h2,li){color:#f4f7fc}:root[data-site-design=ruang] .live-room .mobile-more{background:#182f46!important;border-color:#2c435a!important;color:#f4f7fc!important}:root[data-site-design=ruang] .room-page{--room-bg:#081725;--room-surface:#102338;--room-line:#2c435a;--room-text:#f4f7fc;--room-muted:#b1c2d6;--room-accent:#b7d6ff;box-sizing:border-box;min-height:100dvh;width:100%;padding:28px 24px;background:var(--room-bg);color:var(--room-text);gap:32px}:root[data-site-design=ruang][data-theme=light] .room-page{--room-bg:#f3f6fb;--room-surface:#fff;--room-line:#cedbeb;--room-text:#13283e;--room-muted:#4c627b;--room-accent:#255b96}:root[data-site-design=ruang] .room-page .room-brand>.ruang-shared-brand{width:max-content;height:auto;border:0;border-radius:0;transform:none;display:flex;align-items:center;gap:10px;background:transparent;color:var(--room-text)}:root[data-site-design=ruang] .room-page .room-brand-logo>span{width:auto;height:auto;border:0;transform:none;display:block;border-radius:0}:root[data-site-design=ruang] .room-state{width:100%;max-width:600px;margin:auto;text-align:center}:root[data-site-design=ruang] .room-state h1{color:var(--room-text);font-size:clamp(24px,4vw,34px);line-height:1.35;letter-spacing:-.6px}:root[data-site-design=ruang] .room-state>p{color:var(--room-accent);font-size:12px}:root[data-site-design=ruang] .room-state>span{color:var(--room-muted);font-size:14px;line-height:1.7}:root[data-site-design=ruang] .room-state .waiting-pulse{width:104px;height:104px;margin:0 auto 32px;border-color:var(--room-line);background:var(--room-surface);box-shadow:0 0 0 12px #839fc512,0 0 0 24px #839fc508}:root[data-site-design=ruang] .waiting-pulse>span{background:var(--room-bg);color:var(--room-accent)}:root[data-site-design=ruang] .room-state>div:nth-of-type(2){background:var(--room-surface);border-color:var(--room-line);color:var(--room-text);flex-wrap:wrap;justify-content:center}:root[data-site-design=ruang] .room-state>div b{color:var(--room-muted)}:root[data-site-design=ruang] .room-state>a,:root[data-site-design=ruang] .room-state>button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;margin:24px 6px 0;padding:10px 18px;border:1px solid var(--room-line);border-radius:10px;background:var(--room-surface);color:var(--room-text);font-size:14px;text-decoration:none}:root[data-site-design=ruang] .room-state :is(a,button):focus-visible{outline:2px solid var(--room-accent);outline-offset:3px}:root[data-site-design=ruang] .room-page>footer{color:var(--room-muted);font-size:13px;text-align:center}:root[data-site-design=ruang] .room-page>footer i{background:var(--room-accent)}:root[data-site-design=ruang] .room-page .spinner{border-color:var(--room-line);border-top-color:var(--room-accent)}:root[data-site-design=ruang] .live-header>.ruang-shared-brand{color:#f4f7fc;flex-shrink:0;width:max-content}:root[data-site-design=ruang] .room-state>.room-error{background:#ffe6ed;color:#ae163c}@media(max-width:600px){:root[data-site-design=ruang] .room-page{padding:24px 18px;gap:28px}:root[data-site-design=ruang] .live-header>.ruang-shared-brand{gap:7px}:root[data-site-design=ruang] .live-header>.ruang-shared-brand>img{width:34px;height:34px}:root[data-site-design=ruang] .live-header>.ruang-shared-brand>span{font-size:23px}:root[data-site-design=ruang] .live-header>.ruang-shared-brand small{font-size:10px;margin-top:3px}}