@view-transition{navigation:auto}
#treeSection,#app{view-transition-name:none}
.opening-schedule-lab #treeSection{opacity:1;transform:none;transition:none}
.lab-launch-curtain{position:fixed;inset:86px 0 0 236px;z-index:100;background:#f5f7f0;padding:32px;animation:lab-curtain-in 1s cubic-bezier(.22,1,.36,1) both}
.live-loading{background:linear-gradient(130deg,#e2eddc,#f5f8ee);border:1px solid #d2dfca;border-radius:16px;padding:28px;text-align:center;margin:0 0 24px;animation:none!important}
.live-loading h2{font:600 26px/1.25 Manrope,system-ui,sans-serif;margin:0 0 14px;letter-spacing:-.04em}
.live-loading .eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:14px;color:#89967b}
.loading-week{display:flex;gap:10px;max-width:500px;margin:24px auto}
.loading-week>span{flex:1;background:#ffffffa8;border-radius:8px;min-height:115px;padding:10px;font-size:10px;color:#7d917c}
.loading-week i{display:block;height:28px;margin-top:15px;background:#7a9f79;border-radius:5px;animation:lab-carry-pulse 2.4s ease-in-out infinite}
.loading-week>span:nth-child(2) i{animation-delay:.2s}.loading-week>span:nth-child(3) i{animation-delay:.4s}.loading-week>span:nth-child(4) i{animation-delay:.6s}.loading-week>span:nth-child(5) i{animation-delay:.8s}
::view-transition-old(root){animation:lab-root-out 1s ease both}::view-transition-new(root){animation:lab-root-in 1s ease both}
@keyframes lab-curtain-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lab-root-out{to{opacity:0}}@keyframes lab-root-in{from{opacity:0}to{opacity:1}}
@keyframes lab-carry-pulse{0%,100%{opacity:.35;transform:scaleY(.9)}50%{opacity:1;transform:scaleY(1)}}
@media(max-width:760px){.lab-launch-curtain{inset:0;padding:24px}.live-loading h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.lab-launch-curtain,.loading-week i,::view-transition-old(root),::view-transition-new(root){animation:none}}

.loading-week i{animation-delay:var(--lab-phase,0ms)}.loading-week>span:nth-child(2) i{animation-delay:calc(var(--lab-phase,0ms) + .2s)}.loading-week>span:nth-child(3) i{animation-delay:calc(var(--lab-phase,0ms) + .4s)}.loading-week>span:nth-child(4) i{animation-delay:calc(var(--lab-phase,0ms) + .6s)}.loading-week>span:nth-child(5) i{animation-delay:calc(var(--lab-phase,0ms) + .8s)}

.opening-schedule-lab{overflow:hidden}
.lab-launch-curtain{inset:0 0 0 236px;padding:118px 32px 32px;overflow:hidden}
.lab-overlay-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,1,.36,1),visibility 1.1s}
.lab-launch-curtain>.live-loading{transition:opacity 1.1s ease,transform 1.1s ease}
.lab-overlay-ready>.live-loading{opacity:0;transform:translateY(-8px);pointer-events:none}
.lab-overlay-ready .lab-overlay-frame{opacity:1;visibility:visible;transform:none}
.lab-overlay-close{position:absolute;z-index:2;right:10px;top:10px;width:30px;height:30px;border:1px solid #d2dfca;border-radius:50%;background:#f5f7f0;color:#244c37;font:22px/1 system-ui;cursor:pointer}
.lab-launch-curtain.closing{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;animation:none}
.lab-embedded .branch-sidebar{display:none}.lab-embedded .topbar,.lab-embedded main{margin-left:0}.lab-embedded .topbar{padding-right:48px}
@media(max-width:760px){.lab-launch-curtain{inset:0;padding:118px 24px 24px}}
@media(prefers-reduced-motion:reduce){.lab-overlay-frame,.lab-launch-curtain>.live-loading,.lab-launch-curtain.closing{transition:none;transform:none}}