.mode-switch{--m:#b4ff00;--m-rgb:180,255,0;flex:none}.mode-switch[data-mode=slots]{--m:#fcff00;--m-rgb:252,255,0}.mode-switch__track{position:relative;isolation:isolate;display:inline-grid;grid-auto-flow:column;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--color-surface-1);border:1px solid var(--color-line-2)}.mode-switch__pill{position:absolute;z-index:-1;top:3px;bottom:3px;left:0;width:var(--pill-w,0);transform:translateX(var(--pill-x,0));border-radius:999px;background:rgba(var(--m-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--m-rgb),.42),0 0 22px -8px rgba(var(--m-rgb),.75);opacity:0}.mode-switch__track[data-placed] .mode-switch__pill{opacity:1}.mode-switch__track[data-animated] .mode-switch__pill{transition:transform .44s cubic-bezier(.3,1.18,.4,1),width .44s cubic-bezier(.3,1.18,.4,1),background-color .36s var(--ease-out),box-shadow .36s var(--ease-out)}.mode-switch__track:not([data-placed]) .mode-switch__opt[aria-current]{background:rgba(var(--m-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--m-rgb),.42)}.mode-switch__opt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 15px 0 12px;border-radius:999px;color:var(--color-ink-2);font:600 var(--text-sm) /1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;text-decoration:none;transition:color var(--db-dur-2) var(--ease-out);-webkit-tap-highlight-color:transparent}.mode-switch__opt:hover,.mode-switch__opt[aria-current]{color:var(--color-ink-1)}.mode-switch__opt:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mode-switch__opt:active{transform:translateY(1px)}.mode-switch__text{display:inline-flex;align-items:baseline}.mode-switch__short{display:none}.mode-switch .mode-ic{width:16px;height:16px;color:var(--color-ink-3);overflow:visible;transition:color .36s var(--ease-out)}.mode-switch__opt:hover .mode-ic{color:var(--color-ink-2)}.mode-switch__opt[aria-current] .mode-ic{color:var(--m);filter:drop-shadow(0 0 5px rgba(var(--m-rgb),.45))}.mode-ic__dot,.mode-ic__ring{fill:currentColor;stroke:none}.mode-ic__ring{opacity:0;transform-box:fill-box;transform-origin:center}.mode-switch__opt[aria-current] .mode-ic__ring{animation:mode-live-pulse 2.2s var(--ease-out) infinite}@keyframes mode-live-pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(3.4);opacity:0}}.mode-ic__leaf{fill:currentColor}.mode-ic__cherries{transform-box:view-box;transform-origin:12px 4px}.mode-switch[data-switch-to=slots] .mode-ic__cherries{animation:mode-cherries .62s var(--ease-out)}@keyframes mode-cherries{30%{transform:rotate(-9deg)}62%{transform:rotate(5deg)}}.mode-switch--header{position:static}@media (max-width:1280px){.mode-switch--header .mode-switch__full{display:none}.mode-switch--header .mode-switch__short{display:inline}}.db-topbar__inner:has(.mode-switch--header) .db-nav a{white-space:nowrap}@media (max-width:1080px){.db-topbar__inner:has(.mode-switch--header){gap:16px}.mode-switch--header .mode-switch__opt{padding:0 11px 0 9px;gap:6px}}@media (max-width:760px){.mode-switch--header{display:none}}.mode-sweep{position:absolute;left:0;right:0;bottom:-6px;height:12px;overflow:hidden;pointer-events:none;z-index:1}.mode-sweep i{position:absolute;top:5px;left:-34%;width:34%;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(var(--m-rgb),0),rgba(var(--m-rgb),.85) 78%,#fbffe0 94%,rgba(var(--m-rgb),0));box-shadow:0 0 10px 1px rgba(var(--m-rgb),.55);animation:mode-sweep-right .86s var(--ease-in-out) infinite}.mode-sweep[data-to=live] i{background:linear-gradient(270deg,rgba(var(--m-rgb),0),rgba(var(--m-rgb),.85) 78%,#fbffe0 94%,rgba(var(--m-rgb),0));animation-name:mode-sweep-left}@keyframes mode-sweep-right{0%{transform:translateX(0)}to{transform:translateX(400%)}}@keyframes mode-sweep-left{0%{transform:translateX(400%)}to{transform:translateX(0)}}.mode-bar,.mode-bar__sentinel{display:none}@media (max-width:760px){.mode-bar{--mode-bar-track:50px;--mode-bar-pad:8px;--mode-bar-pad-stuck:4px;display:block;box-sizing:border-box;height:calc(var(--mode-bar-track) + 2 * var(--mode-bar-pad))}.mode-bar[hidden],.mode-bar__sentinel[hidden]{display:none}.mode-bar__in{padding-block:var(--mode-bar-pad);padding-inline:max(16px,env(safe-area-inset-left),env(safe-area-inset-right))}.mode-bar__sentinel{display:block;height:1px;margin-bottom:-1px;pointer-events:none}}@media (max-width:760px) and (min-height:541px){.mode-bar{position:sticky;top:var(--db-header-h);z-index:64;pointer-events:none}.mode-bar__in{pointer-events:auto;transition:padding-block .18s var(--ease-out),background-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.mode-bar[data-stuck] .mode-bar__in{padding-block:var(--mode-bar-pad-stuck);background-color:rgba(0,0,0,.84);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);box-shadow:0 1px 0 var(--color-line-1),0 14px 18px -16px rgba(0,0,0,.95)}}html{scroll-padding-top:var(--mode-bar-h,0)}@media (max-width:760px){.db-toasts{top:calc(var(--db-header-h) + var(--mode-bar-h, 0px) + 10px)}}@media (prefers-reduced-motion:reduce){.mode-bar__in{transition:none}}.mode-switch--bar{position:relative;display:block}.mode-switch--bar .mode-switch__track{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:4px}.mode-switch--bar .mode-switch__pill{top:4px;bottom:4px}.mode-switch--bar .mode-switch__opt{height:40px;font-size:14px;padding:0 10px}.mode-switch--bar .mode-ic{width:18px;height:18px}.mode-switch--bar .mode-sweep{inset:0;height:auto;border-radius:999px}.mode-switch--bar .mode-sweep i{top:0;bottom:0;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(var(--m-rgb),0),rgba(var(--m-rgb),.16) 70%,rgba(var(--m-rgb),0));box-shadow:inset 0 -1px 0 rgba(var(--m-rgb),.6)}.mode-switch--bar .mode-sweep[data-to=live] i{background:linear-gradient(270deg,rgba(var(--m-rgb),0),rgba(var(--m-rgb),.16) 70%,rgba(var(--m-rgb),0))}.mode-switch--menu{display:block;margin-bottom:6px}.mode-switch--menu .mode-switch__track{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:14px;background:var(--color-surface-2)}.mode-switch--menu .mode-switch__pill{border-radius:11px}.mode-switch--menu .mode-switch__opt{height:auto;min-height:44px;padding:9px 10px;border-radius:11px;justify-content:flex-start;align-items:flex-start;gap:9px;text-align:left;white-space:normal}.mode-switch--menu .mode-ic{margin-top:1px}.mode-switch--menu .mode-switch__text{display:grid;gap:4px}.mode-switch--menu .mode-switch__text small{font:500 var(--text-micro) /1.3 var(--font-sans);color:var(--color-ink-3)}html:active-view-transition-type(mode-to-slots,mode-to-live) .db-topbar{view-transition-name:site-header}html:active-view-transition-type(mode-to-slots,mode-to-live) .db-fab{view-transition-name:site-fab}::view-transition-group(site-fab),::view-transition-group(site-header){animation:none;z-index:100}::view-transition-old(site-fab),::view-transition-old(site-header){display:none}::view-transition-new(site-fab),::view-transition-new(site-header){animation:none}html:active-view-transition-type(mode-to-slots,mode-to-live)::view-transition{pointer-events:none}html:active-view-transition-type(mode-to-slots,mode-to-live)::view-transition-old(root){display:none}html:active-view-transition-type(mode-to-slots,mode-to-live)::view-transition-new(root){animation:none}::view-transition-group(.mode-to-live),::view-transition-group(.mode-to-slots){animation-duration:.42s;animation-timing-function:var(--ease-out)}::view-transition-old(.mode-to-slots){animation:mode-out-left .17s var(--ease-in-out) both}::view-transition-new(.mode-to-slots){animation:mode-in-from-right .34s var(--ease-out) 90ms both}::view-transition-old(.mode-to-live){animation:mode-out-right .17s var(--ease-in-out) both}::view-transition-new(.mode-to-live){animation:mode-in-from-left .34s var(--ease-out) 90ms both}@keyframes mode-out-left{to{opacity:0;transform:translateX(-18px)}}@keyframes mode-out-right{to{opacity:0;transform:translateX(18px)}}@keyframes mode-in-from-right{0%{opacity:0;transform:translateX(22px);filter:blur(2px)}}@keyframes mode-in-from-left{0%{opacity:0;transform:translateX(-22px);filter:blur(2px)}}#main[data-mode-enter=slots]{animation:mode-in-from-right .34s var(--ease-out) both}#main[data-mode-enter=live]{animation:mode-in-from-left .34s var(--ease-out) both}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}.mode-sweep{display:none}#main[data-mode-enter]{animation:none}}