/* Bee selectors share colors and motion; their established layouts stay distinct. */
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes){
 --bee-nav-radius:999px;position:relative;isolation:isolate;contain:layout paint;overflow:clip;
 border:1px solid var(--line);background:var(--model-control-bg);padding:4px;gap:0;
}
:root .bee-surface .bee-objective-mode-thumb{display:none}
.bee-nav-indicator{display:none}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)>.bee-nav-indicator{
 position:absolute;display:block;z-index:0;left:0;top:0;pointer-events:none;
 border-radius:var(--bee-nav-radius);background:var(--button-bg);visibility:hidden;
}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)[data-indicator-ready=true]>.bee-nav-indicator{visibility:visible}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)>button{
 position:relative;z-index:1;isolation:isolate;overflow:hidden;min-width:0;min-height:48px;
 border:0;border-radius:var(--bee-nav-radius);background:transparent;color:var(--muted);
 transform:none;transition:color 240ms var(--model-ui-effects,ease-out),border-radius 420ms var(--model-ui-fast,ease-out);
}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)>button:is([aria-selected=true],[aria-pressed=true]){
 background:var(--button-bg);color:var(--button-fg);
}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)[data-indicator-ready=true]>button:is([aria-selected=true],[aria-pressed=true]){background:transparent}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)>button::after,
:root .bee-surface .bee-step-navigation>button::after{
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
 background:currentColor;opacity:0;transition:opacity 240ms var(--model-ui-effects,ease-out);
}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)>button:enabled:active{
 border-radius:12px;transform:none;
}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button:enabled:active::after{opacity:.12}
:root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button:focus-visible{
 outline:2px solid var(--ui-focus,var(--green));outline-offset:-3px;
}
@media(hover:hover){
 :root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button:enabled:hover:not(:active)::after{opacity:.08}
}
@media(max-width:760px){
 :root .bee-surface .bee-stage-tabs{
  --bee-nav-radius:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;border-radius:22px;margin-bottom:14px;
 }
 :root .bee-surface .bee-stage-tabs>button{
  display:flex;align-items:center;gap:8px;width:100%;min-height:56px;padding:10px;
  font-size:13px;line-height:1.3;text-align:left;white-space:normal;
 }
 :root .bee-surface .bee-stage-tabs>button>span{
  display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin:0;border-radius:50%;
  background:color-mix(in srgb,currentColor 12%,transparent);font-size:11px;font-weight:650;
 }
 :root .bee-surface .bee-explorer-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:999px;margin-bottom:14px;
 }
 :root .bee-surface .bee-explorer-tabs>button{width:100%;padding:10px 14px;font-size:12px;line-height:1.35}
 :root .bee-surface .bee-step-navigation{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:"progress progress" "previous next";gap:10px;margin-top:18px;
 }
 :root .bee-surface .bee-step-navigation>span{grid-area:progress;text-align:center;font-variant-numeric:tabular-nums}
 :root .bee-surface .bee-step-navigation>button{
  position:relative;isolation:isolate;overflow:hidden;justify-self:stretch;align-self:stretch;
  width:100%;min-width:0;min-height:56px;padding:12px;font-size:13px;line-height:1.35;white-space:normal;
  border-radius:28px;transform:none;
  transition:border-radius 420ms var(--model-ui-fast,ease-out),background-color 240ms var(--model-ui-effects,ease-out),color 240ms var(--model-ui-effects,ease-out);
 }
 :root .bee-surface #bee-prev-step{grid-area:previous;background:transparent;color:var(--green);border:1px solid var(--line)}
 :root .bee-surface #bee-next-step{grid-area:next;background:var(--button-bg);color:var(--button-fg);border:1px solid transparent}
 :root .bee-surface .bee-step-navigation>button:enabled:active{border-radius:16px;transform:none}
 :root .bee-surface .bee-step-navigation>button:disabled{opacity:.38}
 /* Desktop branch geometry has no role in the tabbed phone layout. */
 :root .bee-surface .bee-input-branches>.bee-wide-card-outline,
 :root .bee-surface .bee-input-merge{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 :root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button,
 :root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button::after{transition:none}
}
:root[data-motion=reduce] .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button,
:root[data-motion=reduce] .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes,.bee-step-navigation)>button::after{transition:none}
@media(forced-colors:active){
 :root .bee-surface .bee-nav-indicator{background:Highlight}
 :root .bee-surface :is(.bee-stage-tabs,.bee-explorer-tabs,.bee-objective-modes)>button:is([aria-selected=true],[aria-pressed=true]){color:HighlightText}
}