:root{
  --rb-background:#f3f6f9;--rb-surface:#fff;--rb-surface-secondary:#f7f9fb;
  --rb-text-primary:#173a5e;--rb-text-secondary:#667b91;--rb-border:#d6e0ea;
  --rb-accent:#2170ec;--rb-accent-contrast:#fff;--rb-radius:10px;
  --rb-shadow:0 8px 24px rgba(18,48,79,.10);--rb-toolbar:#fff;--rb-sidebar:#082746;
  --rb-input:#fff;--rb-overlay:rgba(9,28,47,.58);--rb-safe-top:env(safe-area-inset-top,0px);
  --rb-safe-right:env(safe-area-inset-right,0px);--rb-safe-bottom:env(safe-area-inset-bottom,0px);
  --rb-safe-left:env(safe-area-inset-left,0px);--rb-control-height:44px;
}

/* Original deliberately keeps the existing product UI.  Only the two beta
   themes replace the shared tokens below. */
:root[data-rb-ui-theme="minimal"]{
  --rb-background:#f5f5f7;--rb-surface:#fff;--rb-surface-secondary:#f2f2f7;
  --rb-text-primary:#1d1d1f;--rb-text-secondary:#484b52;--rb-border:#c9c9cf;
  --rb-accent:#0071e3;--rb-accent-contrast:#fff;--rb-radius:12px;
  --rb-shadow:0 1px 5px rgba(0,0,0,.045);--rb-toolbar:#fff;--rb-sidebar:#f5f5f7;--rb-input:#fff;
  --rb-ui-canvas:var(--rb-background);--rb-ui-surface:var(--rb-surface);--rb-ui-surface-muted:var(--rb-surface-secondary);
  --rb-ui-line:var(--rb-border);--rb-ui-line-strong:#bfc1c7;--rb-ui-ink:var(--rb-text-primary);--rb-ui-ink-soft:#303136;
  --rb-ui-muted:var(--rb-text-secondary);--rb-ui-accent:var(--rb-accent);--rb-ui-accent-soft:#e8f1ff;
  --rb-ui-radius-sm:8px;--rb-ui-radius:12px;--rb-ui-radius-lg:16px;--rb-ui-shadow:var(--rb-shadow);
  --rb-ui-shadow-popover:0 16px 42px rgba(0,0,0,.13);--rb-ui-focus:0 0 0 3px rgba(0,113,227,.18);
}
:root[data-rb-ui-theme="glass"]{
  --rb-background:#e7edf6;--rb-surface:rgba(250,252,255,.78);--rb-surface-secondary:rgba(244,248,253,.66);
  --rb-text-primary:#10223a;--rb-text-secondary:#34465d;--rb-border:rgba(37,62,91,.22);
  --rb-accent:#1267d7;--rb-accent-contrast:#fff;--rb-radius:18px;
  --rb-shadow:0 16px 42px rgba(28,49,76,.13);--rb-toolbar:rgba(248,251,255,.64);--rb-sidebar:rgba(238,245,253,.58);--rb-input:rgba(255,255,255,.86);
  --rb-ui-canvas:var(--rb-background);--rb-ui-surface:var(--rb-surface);--rb-ui-surface-muted:var(--rb-surface-secondary);
  --rb-ui-line:var(--rb-border);--rb-ui-line-strong:rgba(27,53,83,.27);--rb-ui-ink:var(--rb-text-primary);--rb-ui-ink-soft:#24344c;
  --rb-ui-muted:var(--rb-text-secondary);--rb-ui-accent:var(--rb-accent);--rb-ui-accent-soft:rgba(23,105,212,.12);
  --rb-ui-radius-sm:11px;--rb-ui-radius:16px;--rb-ui-radius-lg:22px;--rb-ui-shadow:0 12px 34px rgba(30,55,86,.11);
  --rb-ui-shadow-popover:0 24px 60px rgba(20,42,69,.22);--rb-ui-focus:0 0 0 3px rgba(18,103,215,.24);
}

:root[data-rb-ui-theme="minimal"] body,
:root[data-rb-ui-theme="glass"] body{color:var(--rb-text-primary);background:var(--rb-background);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
:root[data-rb-ui-theme="minimal"] body{background-image:none!important}
:root[data-rb-ui-theme="glass"] body{background-image:radial-gradient(circle at 8% -4%,rgba(89,169,255,.30),transparent 35rem),radial-gradient(circle at 96% 10%,rgba(171,139,255,.22),transparent 32rem),radial-gradient(circle at 52% 108%,rgba(92,218,205,.14),transparent 36rem),linear-gradient(145deg,#eef5fc 0%,#e6edf7 52%,#edf2fa 100%)!important;background-attachment:fixed}

/* Shared component tokens.  Glass is material depth on the same hierarchy,
   not a second information architecture. */
:root[data-rb-ui-theme="minimal"] :is(.workspace,.class-main,.participant-shell,.content-panel),
:root[data-rb-ui-theme="glass"] :is(.workspace,.class-main,.participant-shell,.content-panel){background:var(--rb-background)!important;color:var(--rb-text-primary)!important}
:root[data-rb-ui-theme="minimal"] :is(.content-panel,.settings-card,.class-card,.rb-card,.modal-card),
:root[data-rb-ui-theme="glass"] :is(.content-panel,.settings-card,.class-card,.rb-card,.modal-card){border-color:var(--rb-border)!important;border-radius:var(--rb-radius)!important;color:var(--rb-text-primary)!important;background:var(--rb-surface)!important;box-shadow:var(--rb-shadow)!important}

/* Only outer surfaces receive rounded boundaries.  Spreadsheet cells, table
   rows and joined segmented controls intentionally remain square internally. */
:root[data-rb-ui-theme="minimal"] :is(.card,[class$="-card"],[class*="-card "]),
:root[data-rb-ui-theme="glass"] :is(.card,[class$="-card"],[class*="-card "]){border-radius:var(--rb-ui-radius)!important;background-clip:padding-box!important}
:root[data-rb-ui-theme="minimal"] :is(.experiment-hub,.participant-quick-switcher,.stats-grid,.schedule-card,.detail-card,.rb15-card,.rb15-role-card,.rb15-enhance-card,.rb15-experiment-tiles,.class-card,.class-student-hero,.class-next-lesson,.class-feedback-panel,.class-shortcut-guide,.class-message-alert-setup,.class-admin-hero,.class-admin-role-head,.class-calendar-card,.class-calendar-control-panel,.ed-summary,.ed-grid-wrap,.rb-auth-card,.class-auth-card),
:root[data-rb-ui-theme="glass"] :is(.experiment-hub,.participant-quick-switcher,.stats-grid,.schedule-card,.detail-card,.rb15-card,.rb15-role-card,.rb15-enhance-card,.rb15-experiment-tiles,.class-card,.class-student-hero,.class-next-lesson,.class-feedback-panel,.class-shortcut-guide,.class-message-alert-setup,.class-admin-hero,.class-admin-role-head,.class-calendar-card,.class-calendar-control-panel,.ed-summary,.ed-grid-wrap,.rb-auth-card,.class-auth-card){border-radius:var(--rb-ui-radius-lg)!important;background-clip:padding-box!important}
:root[data-rb-ui-theme="minimal"] :is(.stat-card,.custom-schedule-home-card,.research-settings-home-card,.add-team-card,.team-card,.material-settings-card,.backup-settings-card,.sync-settings-card,.offline-download-card,.other-calendar-card,.booking-slot-panel,.booking-details-card,.booking-settings-card,.booking-confirmation-card,.event-confirmation-panel,.collaborator-rule-card,.participant-booking-hero,.participant-confirmation-card,.class-status,.class-choice-card,.class-chat-card,.class-homework-submission-card,.class-admin-mailbox-card,.class-admin-service-card,.hw-card,.hw-record-card,.hw-answer-card),
:root[data-rb-ui-theme="glass"] :is(.stat-card,.custom-schedule-home-card,.research-settings-home-card,.add-team-card,.team-card,.material-settings-card,.backup-settings-card,.sync-settings-card,.offline-download-card,.other-calendar-card,.booking-slot-panel,.booking-details-card,.booking-settings-card,.booking-confirmation-card,.event-confirmation-panel,.collaborator-rule-card,.participant-booking-hero,.participant-confirmation-card,.class-status,.class-choice-card,.class-chat-card,.class-homework-submission-card,.class-admin-mailbox-card,.class-admin-service-card,.hw-card,.hw-record-card,.hw-answer-card){border-radius:var(--rb-ui-radius)!important;background-clip:padding-box!important}
:root[data-rb-ui-theme="minimal"] :is(.experiment-hub,.stats-grid,.rb15-experiment-tiles,.schedule-card,.class-card,.class-student-hero,.class-next-lesson,.class-feedback-panel,.class-admin-hero,.class-admin-role-head,.class-calendar-card,.ed-grid-wrap),
:root[data-rb-ui-theme="glass"] :is(.experiment-hub,.stats-grid,.rb15-experiment-tiles,.schedule-card,.class-card,.class-student-hero,.class-next-lesson,.class-feedback-panel,.class-admin-hero,.class-admin-role-head,.class-calendar-card,.ed-grid-wrap){overflow:hidden}
:root[data-rb-ui-theme="minimal"] :is(button,input,select,textarea),
:root[data-rb-ui-theme="glass"] :is(button,input,select,textarea){font-family:inherit}
:root[data-rb-ui-theme="minimal"] :is(input,select,textarea),
:root[data-rb-ui-theme="glass"] :is(input,select,textarea){border-color:var(--rb-border)!important;border-radius:10px;color:var(--rb-text-primary);background:var(--rb-input)}
:root[data-rb-ui-theme="minimal"] :is(input,select,textarea):focus,
:root[data-rb-ui-theme="glass"] :is(input,select,textarea):focus{border-color:var(--rb-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rb-accent) 18%,transparent)!important;outline:none}
:root[data-rb-ui-theme="minimal"] :is(.sidebar,.class-sidebar,.class-admin-sidebar),
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar){color:var(--rb-text-primary)!important;background:var(--rb-sidebar)!important;background-image:none!important;border-color:var(--rb-border)!important}
:root[data-rb-ui-theme="minimal"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) button,
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) button{border-color:transparent;color:var(--rb-text-primary)!important;background:transparent;box-shadow:none;opacity:1!important}
:root[data-rb-ui-theme="minimal"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) button.active,
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) button.active{color:var(--rb-accent)!important;background:var(--rb-ui-accent-soft)!important;border-color:transparent!important}
:root[data-rb-ui-theme="minimal"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) button:hover:not(.active),
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) button:hover:not(.active){color:var(--rb-text-primary)!important;background:rgba(40,76,116,.09)!important}
:root[data-rb-ui-theme="minimal"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) :is(svg,.class-icon),
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar) :is(svg,.class-icon){color:currentColor!important;opacity:1!important}
:root[data-rb-ui-theme="minimal"] :is(.portfolio-bar,.topbar,.language-menu,.experiment-switcher select),
:root[data-rb-ui-theme="glass"] :is(.portfolio-bar,.topbar,.language-menu,.experiment-switcher select){border-color:var(--rb-border)!important;background:var(--rb-toolbar)!important;color:var(--rb-text-primary)!important}
:root[data-rb-ui-theme="minimal"] .portfolio-bar,
:root[data-rb-ui-theme="glass"] .portfolio-bar{border-top:1px solid var(--rb-border)!important;border-radius:var(--rb-ui-radius-lg)!important;background-clip:padding-box!important}
:root[data-rb-ui-theme="glass"] :is(.topbar,.class-topbar){border:1px solid rgba(255,255,255,.68)!important;border-radius:var(--rb-ui-radius-lg)!important;padding:12px 14px!important;background-clip:padding-box!important}
:root[data-rb-ui-theme="minimal"] :is(.topbar h1,.schedule-heading h2,.detail-title-row h2,.stat-card strong,.rb15-card h3,.class-topbar h1),
:root[data-rb-ui-theme="glass"] :is(.topbar h1,.schedule-heading h2,.detail-title-row h2,.stat-card strong,.rb15-card h3,.class-topbar h1){color:var(--rb-text-primary)!important}
:root[data-rb-ui-theme="minimal"] :is(.topbar p,.schedule-heading p,.eyebrow,.section-label,.class-topbar p,.class-kicker),
:root[data-rb-ui-theme="glass"] :is(.topbar p,.schedule-heading p,.eyebrow,.section-label,.class-topbar p,.class-kicker){color:var(--rb-text-secondary)!important}

/* Minimal: solid surfaces, no blur, restrained borders and no promotional
   gradients. */
:root[data-rb-ui-theme="minimal"] :is(.portfolio-bar,.stat-card,.schedule-card,.detail-card,.rb15-card,.rb15-role-card,.rb15-enhance-card,.class-card,.class-account-menu){background:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:root[data-rb-ui-theme="minimal"] :is(.add-button,.class-primary,.rb-primary){background:var(--rb-accent)!important;box-shadow:none!important}

/* Glass follows a content-versus-navigation material hierarchy. Blur belongs
   to elevated navigation, toolbar and sheet surfaces; data/content cards stay
   quiet and readable so blur is never stacked through the page. */
:root[data-rb-ui-theme="glass"] :is(.workspace,.class-main,.participant-shell){background:transparent!important}
:root[data-rb-ui-theme="glass"] :is(.content-panel,.settings-card,.class-card,.rb-card,.schedule-card,.detail-card,.rb15-card,.rb15-role-card,.rb15-enhance-card,.participant-quick-switcher,.class-student-hero,.class-next-lesson,.class-feedback-panel,.ed-summary,.ed-grid-wrap){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:rgba(255,255,255,.72)!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(247,250,255,.72))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),inset 1px 0 0 rgba(255,255,255,.42),0 12px 32px rgba(30,55,86,.10)!important}
:root[data-rb-ui-theme="glass"] :is(.stat-card,.custom-schedule-home-card,.research-settings-home-card,.add-team-card,.team-card,.material-settings-card,.backup-settings-card,.sync-settings-card,.offline-download-card,.other-calendar-card,.booking-slot-panel,.booking-details-card,.booking-settings-card,.booking-confirmation-card,.event-confirmation-panel,.collaborator-rule-card,.participant-booking-hero,.participant-confirmation-card,.class-status,.class-choice-card,.class-chat-card,.class-homework-submission-card,.class-admin-mailbox-card,.class-admin-service-card,.hw-card,.hw-record-card,.hw-answer-card){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:rgba(255,255,255,.72)!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,250,255,.68))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 9px 26px rgba(30,55,86,.09)!important}
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar,.portfolio-bar,.topbar,.class-topbar,.modal-card,.rb-theme-sheet>section,.rb-help-popover,.class-account-menu,.ed-topbar,.ed-sheet>section){-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);border-color:rgba(255,255,255,.70)!important;background-color:var(--rb-toolbar)!important;background-image:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.17) 48%,rgba(222,235,252,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 1px 0 0 rgba(255,255,255,.55),0 20px 50px rgba(26,48,76,.16)!important}
:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar){background-color:var(--rb-sidebar)!important}
:root[data-rb-ui-theme="glass"] :is(.content-panel .content-panel,.settings-card .settings-card,.class-card .class-card,.rb15-card .rb15-card){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.96)!important}
:root[data-rb-ui-theme="glass"] :is(.add-button,.class-primary,.rb-primary){color:#fff!important;background:var(--rb-accent)!important;box-shadow:0 6px 18px rgba(23,105,212,.22)!important}
:root[data-rb-ui-theme="minimal"] :is(.rb-identity-switch,.class-identity-switch) button.active,
:root[data-rb-ui-theme="glass"] :is(.rb-identity-switch,.class-identity-switch) button.active{color:#fff!important;background:var(--rb-accent)!important;border-color:var(--rb-accent)!important;opacity:1!important}
:root[data-rb-ui-theme="minimal"] :is(.complete-session-button,.primary-button,.panel-add-button),
:root[data-rb-ui-theme="glass"] :is(.complete-session-button,.primary-button,.panel-add-button){color:#fff!important;background:var(--rb-accent)!important;border-color:var(--rb-accent)!important}
:root[data-rb-ui-theme="minimal"] :is(.class-sidebar,.class-admin-sidebar) :is(.class-brand small,.class-nav-section,.class-sidebar-footer a),:root[data-rb-ui-theme="glass"] :is(.class-sidebar,.class-admin-sidebar) :is(.class-brand small,.class-nav-section,.class-sidebar-footer a){color:var(--rb-text-secondary)!important}
:root[data-rb-ui-theme="minimal"] :is(.class-sidebar,.class-admin-sidebar) .class-brand strong,:root[data-rb-ui-theme="glass"] :is(.class-sidebar,.class-admin-sidebar) .class-brand strong{color:var(--rb-text-primary)!important}
:root[data-rb-ui-theme="minimal"] :is(.experiment-card-heading p,.experiment-next,.experiment-stats span,.stat-card span:not(.stat-icon),.class-card p,.class-card small,.rb15-role-sub),
:root[data-rb-ui-theme="glass"] :is(.experiment-card-heading p,.experiment-next,.experiment-stats span,.stat-card span:not(.stat-icon),.class-card p,.class-card small,.rb15-role-sub){color:var(--rb-text-secondary)!important;opacity:1!important}
:root[data-rb-ui-theme="minimal"] :is(.experiment-card-heading h3,.experiment-stats strong,.class-card h2,.class-card h3),
:root[data-rb-ui-theme="glass"] :is(.experiment-card-heading h3,.experiment-stats strong,.class-card h2,.class-card h3){color:var(--rb-text-primary)!important;opacity:1!important}

/* Appearance lives inside each portal's established account surface. */
.rb-account-appearance{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:9px;color:var(--rb-text-primary);background:transparent;cursor:pointer;text-align:left}.rb-account-appearance:hover{background:var(--rb-surface-secondary)}.rb-account-appearance small{margin-left:auto;color:var(--rb-text-secondary);font-size:10px}.rb-account-appearance>span:first-child{font-size:16px}.rb-account-appearance>span:nth-child(2){flex:1;text-align:left}
:root[data-rb-ui-theme="minimal"] .rb-account-preferences>button,
:root[data-rb-ui-theme="glass"] .rb-account-preferences>button{border-color:var(--rb-border)!important;color:var(--rb-text-primary)!important;background:var(--rb-surface-secondary)!important}
:root[data-rb-ui-theme="minimal"] .rb-account-preferences>button small,
:root[data-rb-ui-theme="glass"] .rb-account-preferences>button small{color:var(--rb-text-secondary)!important;opacity:1!important}
:root[data-rb-ui-theme="glass"] .rb-account-preferences>button{border-color:rgba(255,255,255,.76)!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(239,246,255,.55))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important}

.rb-theme-sheet{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:max(16px,var(--rb-safe-top)) max(16px,var(--rb-safe-right)) max(16px,var(--rb-safe-bottom)) max(16px,var(--rb-safe-left));background:var(--rb-overlay)}
.rb-theme-sheet>section{width:min(680px,100%);max-height:calc(100dvh - var(--rb-safe-top) - var(--rb-safe-bottom) - 32px);overflow:auto;padding:24px;border:1px solid var(--rb-border);border-radius:20px;color:var(--rb-text-primary);background:var(--rb-surface);box-shadow:0 26px 80px rgba(0,0,0,.25);-webkit-overflow-scrolling:touch}.rb-theme-sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rb-theme-sheet header>div{min-width:0}.rb-theme-sheet header span{color:var(--rb-accent);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.rb-theme-sheet h2{margin:4px 0 5px;font-size:25px}.rb-theme-sheet header p{max-width:520px;margin:0;color:var(--rb-text-secondary);font-size:13px;line-height:1.5}.rb-sheet-close{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--rb-border);border-radius:50%;color:var(--rb-text-primary);background:var(--rb-surface-secondary);cursor:pointer;font-size:24px}.rb-theme-options{display:grid;gap:10px;margin-top:20px}.rb-theme-options>button{display:grid;grid-template-columns:76px minmax(0,1fr) 22px;align-items:center;gap:13px;width:100%;min-height:90px;padding:11px;border:1px solid var(--rb-border);border-radius:14px;color:var(--rb-text-primary);background:var(--rb-surface-secondary);cursor:pointer;text-align:left}.rb-theme-options>button.active{border-color:var(--rb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--rb-accent) 18%,transparent)}.rb-theme-options strong{display:block;font-size:15px}.rb-theme-options strong small{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:5px;color:var(--rb-accent);background:var(--rb-ui-accent-soft);font-size:8px;vertical-align:2px}.rb-theme-options em{display:block;margin-top:4px;color:var(--rb-text-secondary);font-size:12px;font-style:normal;line-height:1.4}.rb-theme-options b{visibility:hidden;color:var(--rb-accent);font-size:17px}.rb-theme-options>button.active b{visibility:visible}.rb-theme-preview{display:grid;grid-template-columns:20px 1fr;grid-template-rows:18px 1fr;gap:3px;width:76px;height:60px;padding:4px;border:1px solid #cbd5df;border-radius:8px;background:#edf1f5}.rb-theme-preview i{display:block;border-radius:3px;background:#fff}.rb-theme-preview i:first-child{grid-row:1/-1;background:#143859}.rb-theme-preview i:nth-child(2){background:#fff}.rb-theme-preview-glass{background:linear-gradient(145deg,#d8efff,#eee8ff)}.rb-theme-preview-glass i{background:rgba(255,255,255,.82);box-shadow:0 3px 8px rgba(35,82,124,.12)}.rb-theme-preview-minimal{background:#f4f4f6}.rb-theme-preview-minimal i:first-child{background:#e4e4e8}.rb-theme-status{min-height:18px;margin:10px 0 0;color:var(--rb-text-secondary);font-size:11px}
.rb-help-trigger{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;margin-left:5px!important;padding:0!important;border:1px solid var(--rb-border)!important;border-radius:50%!important;color:var(--rb-text-secondary)!important;background:var(--rb-surface-secondary)!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important;vertical-align:middle!important}.rb-help-trigger:focus:not(:focus-visible){outline:none}
.rb-help-popover{position:fixed;z-index:2147483647;width:min(340px,calc(100vw - 24px));padding:15px 42px 15px 15px;border:1px solid var(--rb-border);border-radius:13px;color:var(--rb-text-primary);background:var(--rb-surface);box-shadow:var(--rb-ui-shadow-popover,var(--rb-shadow))}.rb-help-popover p{margin:0;font-size:13px;line-height:1.55}.rb-help-popover>button{position:absolute;top:5px;right:5px;width:34px;height:34px;border:0;border-radius:50%;color:var(--rb-text-secondary);background:transparent;cursor:pointer;font-size:20px}
.class-account-button{border-color:rgba(20,43,72,.14)!important;color:var(--rb-text-primary)!important;background:var(--rb-toolbar)!important;box-shadow:0 3px 13px rgba(20,43,72,.08)!important}.class-account-button:focus:not(:focus-visible),.class-account-button[aria-expanded="true"]{outline:none!important}.class-account-button[aria-expanded="true"]{border-color:var(--rb-border)!important;box-shadow:0 3px 13px rgba(20,43,72,.08)!important}.class-account-menu{border-color:var(--rb-border)!important;color:var(--rb-text-primary)!important;background:var(--rb-surface)!important}.class-account-menu:focus,.class-account-menu:focus-visible{outline:none!important}
:focus-visible{outline:3px solid color-mix(in srgb,var(--rb-accent) 55%,white);outline-offset:2px}

@media(max-width:700px),(pointer:coarse){.rb-theme-sheet{align-items:end;padding:0}.rb-theme-sheet>section{width:100%;max-height:calc(100dvh - var(--rb-safe-top));padding:18px max(16px,var(--rb-safe-right)) max(18px,var(--rb-safe-bottom)) max(16px,var(--rb-safe-left));border-radius:20px 20px 0 0}.rb-theme-options>button{min-height:94px}.rb-help-trigger{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.rb-help-popover{inset:auto 8px max(8px,var(--rb-safe-bottom)) 8px;width:auto;padding:18px 48px 18px 18px;border-radius:16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(max-width:700px) and (update:slow){:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar,.portfolio-bar,.topbar,.class-topbar,.modal-card,.class-account-menu,.rb-theme-sheet>section,.rb-help-popover,.ed-topbar,.ed-sheet>section){-webkit-backdrop-filter:blur(9px) saturate(115%);backdrop-filter:blur(9px) saturate(115%)}}
:root.rb-glass-reduced[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar,.portfolio-bar,.topbar,.class-topbar,.modal-card,.rb-theme-sheet>section,.rb-help-popover,.class-account-menu,.ed-topbar,.ed-sheet>section){-webkit-backdrop-filter:blur(8px) saturate(112%);backdrop-filter:blur(8px) saturate(112%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-rb-ui-theme="glass"] :is(.sidebar,.class-sidebar,.class-admin-sidebar,.portfolio-bar,.topbar,.class-topbar,.modal-card,.rb-theme-sheet>section,.rb-help-popover,.class-account-menu,.ed-topbar,.ed-sheet>section){background:#f7faff!important;background-image:none!important}}

/* The legacy mobile layout intentionally disabled blur and squared the top
   edge of its compact workspace bar. Beta themes own that presentation now:
   keep all four corners visible and use one reduced-cost material layer. */
html.rb-layout-mobile[data-rb-ui-theme="minimal"] .portfolio-bar{border:1px solid var(--rb-border)!important;border-radius:var(--rb-ui-radius)!important;background:#fff!important;background-image:none!important}
html.rb-layout-mobile[data-rb-ui-theme="glass"] :is(.portfolio-bar,.topbar,.class-topbar){-webkit-backdrop-filter:blur(14px) saturate(128%)!important;backdrop-filter:blur(14px) saturate(128%)!important}
html.rb-layout-mobile[data-rb-ui-theme="glass"] .portfolio-bar{border:1px solid rgba(255,255,255,.72)!important;border-radius:var(--rb-ui-radius-lg)!important;background-color:var(--rb-toolbar)!important;background-image:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.17) 48%,rgba(222,235,252,.18))!important}
@media(max-width:700px) and (update:slow){html.rb-layout-mobile[data-rb-ui-theme="glass"] :is(.portfolio-bar,.topbar,.class-topbar){-webkit-backdrop-filter:blur(8px) saturate(112%)!important;backdrop-filter:blur(8px) saturate(112%)!important}}
html.rb-layout-mobile.rb-glass-reduced[data-rb-ui-theme="glass"] :is(.portfolio-bar,.topbar,.class-topbar){-webkit-backdrop-filter:blur(8px) saturate(112%)!important;backdrop-filter:blur(8px) saturate(112%)!important}