
:root{--crumb-h:38px}
.dcrumb{position:fixed;left:0;right:0;top:var(--nav-h,60px);height:var(--crumb-h);z-index:850;display:flex;align-items:center;gap:6px;padding:0 16px;
  background:rgba(5,9,13,.94);border-bottom:1px solid var(--line,#1d2a36);font-family:var(--mono,"Geist Mono",monospace);font-size:12px;letter-spacing:.04em;color:var(--mute,#9db1c2);
  white-space:nowrap;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.dcrumb .dpath{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.dcrumb .dpath::-webkit-scrollbar{display:none}
.dcrumb a{color:var(--mute,#9db1c2);text-decoration:none;display:inline-flex;align-items:center;min-height:32px;padding:0 4px;border-radius:3px}
.dcrumb a:hover,.dcrumb a:focus-visible{color:var(--ink,#eef6fc);background:rgba(255,255,255,.06)}
.dcrumb a[aria-current="page"]{color:var(--ink,#eef6fc);font-weight:600}
.dcrumb .sep{color:var(--faint,#63727e);padding:0 1px}
.dcrumb .back{border:1px solid var(--line-2,rgba(255,255,255,.14));padding:0 10px;margin-right:6px;color:var(--ink,#eef6fc);border-radius:999px}
.dcrumb .world{color:var(--truth,#58dfe3)}
@media (max-width:600px){.dcrumb{font-size:11px;padding:0 10px}.dcrumb .back{padding:0 8px;margin-right:2px}}


.is-mini{cursor:pointer;pointer-events:auto!important}
.is-mini.is-mini h1{font-size:17px!important;line-height:1.2!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none!important;letter-spacing:0!important}
.is-mini.is-mini h1::after{content:" ⓘ";font-size:13px;color:var(--mute,#9db1c2);font-weight:400}
.is-mini.is-mini > :not(h1){display:none!important}


.dzoom{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;gap:6px}
.dzoom button{all:unset;box-sizing:border-box;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2,rgba(255,255,255,.14));border-radius:4px;
  background:rgba(8,13,18,.88);color:var(--ink,#eef6fc);font-family:var(--mono,monospace);font-size:16px;cursor:pointer}
.dzoom button.fit{font-size:11px;letter-spacing:.06em}
.dzoom button:hover,.dzoom button:focus-visible{border-color:var(--heat,#ffb13d);color:var(--heat,#ffb13d)}


.dpanel-off .dpanel{display:none!important}
@media (min-width:901px){
  .dsheet .dpanel[data-evpanel]{position:fixed!important;left:auto!important;right:16px!important;top:calc(var(--nav-h,60px) + var(--crumb-h) + 12px)!important;bottom:16px!important;
    max-height:none!important;margin:0!important;z-index:30;overflow:auto!important;padding:14px 16px 16px!important;scrollbar-width:thin}
  :where(.dsheet .dpanel[data-evpanel]){width:340px}   
  .dpanel-tab{display:none!important}
  .dpanel .dpanel-fold{position:absolute;top:12px;right:12px;z-index:3}
  .dsheet .dpanel .evp .evp-top{padding-right:44px}
  #dpeek{right:16px;top:calc(var(--nav-h,60px) + var(--crumb-h) + 12px)}
  .dsheet:not(.dpanel-off) .dzoom{right:calc(340px + 32px)}   
}


.dgo{display:flex;gap:4px 12px;flex-wrap:wrap;margin:-2px 0 8px 10px;font-family:var(--mono,monospace);font-size:11px}
.dgo a{color:var(--truth,#58dfe3);text-decoration:none;min-height:28px;display:inline-flex;align-items:center}
.dgo a:hover,.dgo a:focus-visible{text-decoration:underline}
.dgo a.b{color:var(--mute,#9db1c2)}



:root{--dtab:var(--wf-bar-h,0px)}   

:root{--dsheet-h:var(--dpeek,216px)}   
:root[data-dstop="mini"]{--dsheet-h:var(--dmini,88px)}
:root[data-dstop="half"]{--dsheet-h:50svh}
:root[data-dstop="full"]{--dsheet-h:calc(100svh - var(--wf-top,var(--nav-h,60px)) - var(--crumb-h) - var(--dtab) - var(--wf-bar-rise,0px) - 16px)}
.dmini{display:none}
@media (max-width:900px){
  
  .dsheet{padding-bottom:calc(var(--dsheet-h) + var(--dtab) + 16px)!important}
  
  .is-mini.is-mini h1{white-space:normal!important;overflow:visible!important}
  
  .dpanel-tab{all:unset;box-sizing:border-box;position:fixed;z-index:840;left:0;right:0;top:auto;bottom:calc(var(--dtab) + var(--dsheet-h) + var(--wf-bar-rise,0px) - 44px);height:44px;cursor:grab;display:block;touch-action:none}
  .dpanel-tab span{position:absolute;left:calc(50% - 20px);top:10px;display:block;width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.35)}   
  .dpanel-tab:focus-visible span{outline:2px solid var(--truth,#58dfe3);outline-offset:3px}
  .dsheet .dpanel{position:fixed!important;left:0!important;right:0!important;bottom:var(--dtab)!important;top:auto!important;width:auto!important;margin:0!important;max-height:none!important;
    box-sizing:border-box!important;height:calc(var(--dsheet-h) + var(--wf-bar-rise,0px))!important;
    overflow:auto!important;z-index:830;border-radius:20px 20px 0 0;border:1px solid var(--glass-line,rgba(255,255,255,.09))!important;border-bottom:var(--wf-bar-rise,0px) solid transparent!important;
    background:var(--glass-bg,rgba(9,14,23,.86))!important;-webkit-backdrop-filter:var(--glass-fx,blur(26px));backdrop-filter:var(--glass-fx,blur(26px));box-shadow:0 -12px 40px rgba(0,0,0,.45);
    padding-top:30px!important;padding-bottom:24px!important}
  .dpanel-fold,#dpeek{display:none!important}
  
  .dsheet .dpanel .evp .evp-top{min-height:0}
  .dsheet .dpanel .evp .evp-tiles{padding:8px 0}
  
  :root[data-dstop="mini"] .dsheet .dpanel{overflow:hidden!important;padding-top:14px!important;padding-bottom:0!important}
  
  :root[data-dstop="mini"] .dpanel-tab{left:calc(50% - 80px);right:calc(50% - 80px);bottom:calc(var(--dtab) + var(--dsheet-h) + var(--wf-bar-rise,0px) - 14px)}
  :root[data-dstop="mini"] .dpanel-tab span{top:35px}   
  :root[data-dstop="mini"] .dsheet .dpanel>:not(.dmini){display:none!important}
  :root[data-dstop="mini"] .dsheet .dpanel>.dmini{all:unset;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;width:100%;padding:0;cursor:pointer;color:var(--ev-ink,#eef3f8);font-family:var(--body,system-ui,sans-serif)}
}

@media (max-width:900px){:root[data-dmove] .dpanel-tab{transition:bottom .22s ease,transform .22s ease}:root[data-dmove] .dsheet .dpanel{transition:height .22s ease,transform .22s ease}
  body[data-immersive] #stage:not(.dsheet)>[data-evpanel]{visibility:hidden;animation:dsheet-late 0s 5s forwards}}
body[data-immersive] .dcrumb:not(.evnav){visibility:hidden;animation:dsheet-late 0s 5s forwards}
@keyframes dsheet-late{to{visibility:visible}}
@media (prefers-reduced-motion:reduce){.dpanel-tab,.dsheet .dpanel{transition:none!important}}


.dtop,.dtools{display:none}
@media (max-width:860px){
  body[data-immersive] .dsheet{padding-bottom:0!important}   
  .dtop{position:fixed;right:8px;top:calc(var(--wf-top,0px) + var(--crumb-h) + 2px);z-index:845;display:flex;gap:8px}
  :root[data-dstop="full"] .dtop,:root[data-dstop="full"] .dzoom{display:none}
  .dtools.wf-tools{top:calc(var(--wf-top,0px) + var(--crumb-h) + 54px);max-height:calc(100svh - var(--wf-top,0px) - var(--crumb-h) - 54px - var(--dtab) - var(--wf-bar-rise,0px) - 8px);z-index:846;display:block}
  .dtools.wf-tools[hidden]{display:none}
  .dtools-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px 0 8px}
  .dtools-hd b{font-family:var(--body,system-ui,sans-serif);font-size:15px;font-weight:600;color:var(--ink,#eef6fc)}
  .dtools-x{all:unset;box-sizing:border-box;width:44px;height:44px;margin-right:-10px;display:grid;place-items:center;border-radius:12px;cursor:pointer;color:var(--ink,#eef6fc);font-size:22px}
  .dtools-x:focus-visible{outline:2px solid var(--truth,#58dfe3);outline-offset:-2px}
  
  .dtools>.ddocked{position:static!important;inset:auto!important;transform:none!important;translate:none!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0 0 12px!important;
    background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}
  .dtools>.ddocked:last-child{margin-bottom:0!important}
  .dtools>h2.ddocked,.dtools>h3.ddocked{font:500 11px/1.3 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mute,#9db1c2);margin:0 0 8px!important}
  body:has(.dtop) .dcrumb.evnav .evnav-why,body:has(.dtop) .wf-pill.evnav .evnav-why{right:60px}   
  
  .dzoom{position:fixed;right:12px;left:auto;bottom:auto;top:calc(var(--wf-top,0px) + var(--crumb-h) + 58px);z-index:6;flex-direction:column;gap:8px}
  .dzoom button{position:relative;width:36px;height:36px;border-radius:10px;background:var(--glass-bg,rgba(9,14,23,.86));border-color:var(--glass-line,rgba(255,255,255,.14))}
  .dzoom button::after{content:"";position:absolute;inset:-4px}
  
  .dpanel .dtitle.ddocked{position:static!important;inset:auto!important;transform:none!important;max-width:none!important;width:auto!important;margin:0 0 12px!important;padding:0!important;
    background:none!important;border:0!important;border-radius:0!important;text-shadow:none!important;pointer-events:auto!important;cursor:auto}
  .dpanel .dtitle.ddocked h1{font-family:var(--body,system-ui,sans-serif)!important;font-size:18px!important;font-weight:700!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 6px!important;white-space:normal!important}
  .dpanel .dtitle.ddocked h1::after{content:none!important}
  .dpanel .dtitle.ddocked .crumbs{display:none}
  
  
  @media (max-height:700px){:root[data-dstop="peek"] .dpanel .counter.ddocked .l{display:none}}
  .dpanel .ddocked:not(.dtitle){position:static!important;inset:auto!important;transform:none!important;translate:none!important;max-width:none!important;width:auto!important;margin:0 0 12px!important;pointer-events:auto}
}

@media (max-width:900px){
  :root:not([data-ddrag]):is([data-dstop="mini"],[data-dstop="peek"]) .dsheet .dpanel{--dbox:50vh;height:calc(var(--dbox) + var(--wf-bar-rise,0px))!important;
    transform:translateY(max(0px,calc(var(--dbox) - var(--dsheet-h))))}
  :root:not([data-ddrag])[data-dstop="peek"] .dsheet .dpanel{padding-bottom:calc(24px + max(0px,calc(var(--dbox) - var(--dsheet-h))))!important}
  
  :root:not([data-ddrag]):is([data-dstop="mini"],[data-dstop="peek"]) .dpanel-tab{--dbox:50vh;transform:translateY(max(0px,calc(var(--dbox) - var(--dsheet-h))))}
  :root:not([data-ddrag])[data-dstop="peek"] .dpanel-tab{bottom:calc(var(--dtab) + var(--dbox) + var(--wf-bar-rise,0px) - 44px)}
  :root:not([data-ddrag])[data-dstop="mini"] .dpanel-tab{bottom:calc(var(--dtab) + var(--dbox) + var(--wf-bar-rise,0px) - 14px)}
}
