@font-face{font-family:DepartureShell;src:url('/assets/fonts/departure-mono.woff2') format('woff2');font-display:swap}
.el-shell-top{position:fixed;z-index:2147483600;top:0;left:0;width:100%;height:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--shell-accent,#ff4fd8);color:#111;border-bottom:1px solid #111;font:400 9px/1 DepartureShell,"Courier New",monospace;letter-spacing:.04em;text-transform:uppercase;mix-blend-mode:normal}.el-shell-top a,.el-shell-top button{height:100%;display:flex;align-items:center;color:#111!important;text-decoration:none!important;background:transparent;border:0;padding:0 9px;font:inherit;cursor:pointer}.el-shell-top .el-live{justify-self:center}.el-shell-top .el-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#2dbe55;margin-right:7px;box-shadow:0 0 0 2px rgba(45,190,85,.18)}.el-shell-top button{justify-self:end}.el-shell-menu{position:fixed;z-index:2147483599;inset:28px 0 0;background:#111;color:#fff;transform:translateY(-105%);transition:transform .6s cubic-bezier(.76,0,.24,1);font-family:DepartureShell,"Courier New",monospace;overflow:auto}.el-shell-menu.is-open{transform:translateY(0)}.el-shell-menu:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:34px 34px}.el-shell-menu nav{position:relative;padding:6vh 4vw 12vh}.el-shell-menu nav a{display:grid;grid-template-columns:55px 1fr;align-items:center;min-height:13vh;border-top:1px solid rgba(255,255,255,.35);color:#fff!important;text-decoration:none!important;text-transform:uppercase}.el-shell-menu nav a:last-child{border-bottom:1px solid rgba(255,255,255,.35)}.el-shell-menu nav span{font-size:9px}.el-shell-menu nav b{font-family:DepartureShell,monospace;font-weight:400;font-size:clamp(2rem,6vw,6rem);transition:transform .3s}.el-shell-menu nav a:hover b{transform:translateX(18px)}.el-shell-bottom{position:fixed;z-index:2147483500;left:50%;top:28px;bottom:auto;transform:translateX(-50%);display:flex;border:1px solid #111;background:rgba(240,240,237,.9);backdrop-filter:blur(12px);font:400 9px/1 DepartureShell,"Courier New",monospace;text-transform:uppercase}.el-shell-bottom a{color:#111!important;text-decoration:none!important;padding:8px 10px;border-right:1px solid #111}.el-shell-bottom a:last-child{border-right:0}.el-shell-bottom a[aria-current="page"]{background:var(--shell-accent,#ff4fd8)}.el-shell-hint{position:fixed;z-index:2147483400;right:10px;bottom:12px;background:#111;color:#fff;padding:6px 8px;font:400 8px/1 DepartureShell,monospace;text-transform:uppercase;pointer-events:none}.el-shell-top,.el-shell-bottom,.el-shell-menu{box-sizing:border-box}.el-shell-top *,.el-shell-bottom *,.el-shell-menu *{box-sizing:border-box}@media(max-width:620px){.el-shell-top{grid-template-columns:1fr auto}.el-shell-top .el-live{display:none}.el-shell-bottom a:not([aria-current="page"]):not(:first-child){display:none}.el-shell-hint{display:none}}@media(prefers-reduced-motion:reduce){.el-shell-menu{transition:none}}

.link-constainer .top{top:70px!important}.goBack{top:70px!important}.el-shell-top+*{}

.el-live-cursor{position:fixed;z-index:2147483647;left:0;top:0;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;color:#fff;will-change:left,top;transition:width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1),opacity .18s ease;filter:drop-shadow(0 0 1px #000)}.el-live-cursor:before{content:"";position:absolute;inset:5px;border:2px solid currentColor;border-radius:50%;background:rgba(255,255,255,.04);mix-blend-mode:difference;transition:inset .22s cubic-bezier(.22,1,.36,1),border-radius .22s ease,transform .18s ease}.el-live-cursor:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);background:currentColor;box-shadow:12px 0 0 currentColor,-12px 0 0 currentColor,0 12px 0 currentColor,0 -12px 0 currentColor;mix-blend-mode:difference}.el-live-cursor span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 7px;background:#fff;color:#111;border:2px solid #111;box-shadow:4px 4px 0 #111;font:400 10px/1 DepartureShell,monospace;letter-spacing:.08em;white-space:nowrap;opacity:0;transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1)}.el-live-cursor.is-hover{width:112px;height:112px}.el-live-cursor.is-hover:before{inset:2px;border-radius:4px;background:rgba(255,255,255,.15)}.el-live-cursor.is-hover span{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.el-live-cursor.is-down:before{transform:scale(.82)}@media(pointer:fine){html,body,body *{cursor:none!important}}@media(pointer:coarse),(max-width:700px){.el-live-cursor{display:none!important}}

.el-live-cursor{color:#35f2ff}.el-live-cursor.is-hover span{background:#c8ff4d;color:#071018;border-color:#071018;box-shadow:5px 5px 0 #ff4fd8}.el-shell-menu{background:#050a12}

/* V5 compact live-demo cursor. */
.el-live-cursor{width:30px;height:30px;transform:translate(-50%,-50%)}
.el-live-cursor:before{inset:3px;border-width:1px}
.el-live-cursor:after{width:4px;height:4px;box-shadow:7px 0 0 currentColor,-7px 0 0 currentColor,0 7px 0 currentColor,0 -7px 0 currentColor}
.el-live-cursor span{left:50%;top:calc(100% + 6px);padding:4px 6px;border-width:1px;box-shadow:3px 3px 0 #071018;font-size:8px}
.el-live-cursor.is-hover{width:52px;height:52px}
.el-live-cursor.is-hover:before{inset:2px;border-radius:3px}
.el-live-cursor.is-hover span{transform:translate(-50%,0);opacity:1}

/* V8 precise live cursor */
.el-live-cursor{width:22px;height:22px;transform:translate(-50%,-50%)}.el-live-cursor:before{inset:3px;border-width:1px}.el-live-cursor:after{width:4px;height:4px;box-shadow:5px 0 0 currentColor,-5px 0 0 currentColor,0 5px 0 currentColor,0 -5px 0 currentColor}.el-live-cursor span{left:50%;top:calc(100% + 6px);padding:4px 6px;border-width:1px;box-shadow:3px 3px 0 #071018;font-size:8px}.el-live-cursor.is-hover{width:38px;height:38px}.el-live-cursor.is-hover:before{inset:2px;border-radius:3px}.el-live-cursor.is-hover span{transform:translate(-50%,0);opacity:1}


/* V13 — every experiment tab remains reachable at all viewport widths. */
.el-shell-switcher{
  position:fixed;
  z-index:2147483500;
  left:0;
  right:0;
  top:28px;
  height:34px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 34px;
  align-items:stretch;
  border-bottom:1px solid #111;
  background:rgba(240,240,237,.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.el-shell-switcher::before,
.el-shell-switcher::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:22px;
  pointer-events:none;
}
.el-shell-switcher::before{left:34px;background:linear-gradient(90deg,rgba(240,240,237,.96),transparent)}
.el-shell-switcher::after{right:34px;background:linear-gradient(270deg,rgba(240,240,237,.96),transparent)}
.el-shell-switcher-button{
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  min-width:34px;
  margin:0;
  padding:0;
  border:0;
  border-right:1px solid #111;
  background:#c8ff4d;
  color:#071018;
  font:400 15px/1 DepartureShell,"Courier New",monospace;
  cursor:pointer;
}
.el-shell-switcher-button:last-child{border-right:0;border-left:1px solid #111}
.el-shell-switcher-button:hover,.el-shell-switcher-button:focus-visible{background:#ff4fd8;outline:2px solid #fff;outline-offset:-4px}
.el-shell-switcher-button:disabled{opacity:.34;cursor:not-allowed;background:#deded8}
.el-shell-bottom{
  position:static!important;
  z-index:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  width:100%;
  min-width:0;
  height:34px;
  border:0!important;
  background:transparent!important;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scroll-padding-inline:28px;
  scrollbar-width:none;
  touch-action:pan-x;
  -webkit-overflow-scrolling:touch;
}
.el-shell-bottom::-webkit-scrollbar{display:none}
.el-shell-bottom a{
  flex:0 0 auto;
  min-height:34px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  scroll-snap-align:center;
  white-space:nowrap;
  padding:0 12px!important;
  border-right:1px solid #111;
  color:#111!important;
  background:transparent;
}
.el-shell-bottom a:first-child{border-left:0}
.el-shell-bottom a[aria-current="page"]{
  background:var(--shell-accent,#ff4fd8)!important;
  box-shadow:inset 0 -4px 0 #111;
}
.el-shell-bottom a:hover,.el-shell-bottom a:focus-visible{
  background:#111!important;
  color:#fff!important;
  outline:2px solid #c8ff4d;
  outline-offset:-4px;
}
.el-shell-tab-icon{font-size:12px;margin-right:6px;line-height:1}
.el-shell-switcher-status{
  position:fixed;
  z-index:2147483499;
  top:62px;
  left:50%;
  transform:translateX(-50%);
  padding:3px 7px;
  border:1px solid #111;
  background:#071018;
  color:#fff;
  font:400 7px/1 DepartureShell,monospace;
  letter-spacing:.05em;
  text-transform:uppercase;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
.el-shell-switcher-status.is-visible{opacity:1}
@media(max-width:620px){
  .el-shell-bottom a:not([aria-current="page"]):not(:first-child){display:flex!important}
  .el-shell-switcher{grid-template-columns:32px minmax(0,1fr) 32px}
  .el-shell-switcher::before{left:32px}.el-shell-switcher::after{right:32px}
  .el-shell-switcher-button{min-width:32px}
  .el-shell-bottom a{padding:0 10px!important;font-size:8px}
}
@media(max-width:380px){
  .el-shell-top a{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .el-shell-bottom a{padding:0 9px!important}
}