@keyframes df-growLine{0%{height:0}to{height:100%}}@keyframes df-growWidth{0%{width:0;opacity:0}to{width:18px;opacity:1}}@keyframes df-popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes df-slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.df-g-row{display:flex;align-items:center;height:72px;position:relative}.df-g-row-line{width:1px;height:0;background:#ffffff1f;position:absolute;left:27px;top:0;transform-origin:top;animation:df-growLine .4s ease forwards}.df-g-row:last-child .df-g-row-line{display:none}.df-g-letter{width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#09090b;background:#fff;border-radius:4px;flex-shrink:0;position:relative;z-index:2;opacity:0;transform:scale(.6);animation:df-popIn .5s cubic-bezier(.34,1.56,.64,1) forwards;transition:background .2s}.df-g-row:hover .df-g-letter{background:#3b82f6;color:#fff}.df-g-connector{width:0;height:1px;background:#ffffff2e;margin:0 14px;flex-shrink:0;animation:df-growWidth .3s ease forwards}.df-g-word-wrap{overflow:hidden}.df-g-word{display:flex;flex-direction:column;gap:2px;transform:translate(-10px);opacity:0;animation:df-slideIn .4s cubic-bezier(.22,1,.36,1) forwards}.df-g-word-main{font-size:22px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}.df-g-word-sub{font-size:10px;color:#60a5fa;letter-spacing:.07em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,monospace}.df-g-row:nth-child(2) .df-g-letter{animation-delay:.5s}.df-g-row:nth-child(2) .df-g-connector{animation-delay:.8s}.df-g-row:nth-child(2) .df-g-word{animation-delay:.9s}.df-g-row:nth-child(2) .df-g-row-line{animation-delay:.5s}.df-g-row:nth-child(3) .df-g-letter{animation-delay:1s}.df-g-row:nth-child(3) .df-g-connector{animation-delay:1.3s}.df-g-row:nth-child(3) .df-g-word{animation-delay:1.4s}.df-g-row:nth-child(3) .df-g-row-line{animation-delay:1s}.df-g-row:nth-child(4) .df-g-letter{animation-delay:1.5s}.df-g-row:nth-child(4) .df-g-connector{animation-delay:1.8s}.df-g-row:nth-child(4) .df-g-word{animation-delay:1.9s}.df-doc-panel{width:100%;height:220px;position:relative;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;background:#0d0d12}.df-doc-stage-label{position:absolute;top:10px;left:12px;font-size:11px;letter-spacing:.15em;color:#fff;text-transform:uppercase;z-index:5;transition:opacity .3s;font-family:ui-monospace,SFMono-Regular,monospace}.df-dscene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;background:#0d0d12}.df-dscene.active{opacity:1}.df-ddoc{flex:1;min-width:0;background:#17171f;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:10px 9px;display:flex;flex-direction:column;gap:5px;transition:transform .5s ease,opacity .5s ease}.df-ddoc-dots{display:flex;gap:4px;margin-bottom:2px}.df-ddoc-dot{width:6px;height:6px;border-radius:50%;background:#ffffff14}.df-dpill{height:6px;border-radius:999px;transition:background .4s ease}#df-ds2{padding:14px}.df-ddoc-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:6px;width:100%;height:100%}.df-mini-ddoc{background:#17171f;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:5px 4px;display:flex;flex-direction:column;gap:3px;opacity:0;transform:scale(.7) translateY(6px);transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.3,.64,1)}.df-mini-dots{display:flex;gap:2px;margin-bottom:1px}.df-mini-dot{width:3px;height:3px;border-radius:50%;background:#ffffff14}.df-mini-pill{height:3px;border-radius:999px;background:#65a30d;opacity:.7}#df-ds3{flex-direction:column;padding:24px 16px 14px;align-items:flex-start}.df-dc-title{font-size:9px;letter-spacing:.1em;color:#71717a;text-transform:uppercase;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,monospace}.df-dc-wrap{width:100%;display:flex;flex-direction:column;flex:1}.df-dc-bars{display:flex;align-items:flex-end;gap:3px;flex:1;border-bottom:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);padding:0 2px}.df-dc-bar-grp{display:flex;gap:2px;align-items:flex-end;flex:1}.df-dc-bar{flex:1;border-radius:2px 2px 0 0;height:0;min-width:6px;transition:height .7s cubic-bezier(.22,1,.36,1)}.df-dc-bar.e{background:#2d2d42}.df-dc-bar.g{background:#65a30d;opacity:.85}.df-dc-legend{display:flex;gap:8px;margin-top:6px;align-self:flex-end}.df-dc-legend-item{display:flex;align-items:center;gap:3px;font-size:8px;color:#71717a;font-family:ui-monospace,SFMono-Regular,monospace}.df-dc-swatch{width:7px;height:7px;border-radius:1px}