@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&family=Poppins:wght@400;500;600;800&display=swap";
.dui-tour{--draft-green:#4d7;--draft-green-hi:#6cff98;--draft-green-ink:#053417;--bg-1:#0d1014;--bg-3:#1c222e;--bg-4:#262d3b;--fg-1:#f5f7fa;--fg-2:#a8b1bf;--fg-3:#6b7384;--fg-4:#3e4656;--warn:#ffb224;--info:#3b9eff;--live:#f35;--line-1:#ffffff0f;--line-2:#ffffff1f;--line-3:#ffffff38;--r-sm:6px;--r-md:10px;--r-xl:20px;--r-pill:999px;--dur-2:.2s;--dur-3:.32s;--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-hype:cubic-bezier(.34, 1.56, .64, 1);--shadow-3:0 18px 40px -12px #000000b3, 0 0 0 1px var(--line-2) inset;--font-display:"Barlow Condensed", "Oswald", "Impact", sans-serif;--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace}.dui-tour .tour-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9400;opacity:0;transition:opacity var(--dur-3) var(--ease-snap);background:#040609b8;position:fixed;inset:0}.dui-tour.tour-on .tour-scrim{opacity:1}.dui-tour .tour{z-index:9500;border:1px solid var(--line-2);border-radius:var(--r-xl);width:474px;max-width:calc(100vw - 40px);max-height:calc(100vh - 64px);box-shadow:var(--shadow-3),0 0 0 1px #44dd771a;opacity:0;transition:opacity var(--dur-3) var(--ease-snap),transform var(--dur-3) var(--ease-hype);background:linear-gradient(#171d28 0%,#0d1014 62%);outline:none;flex-direction:column;display:flex;position:fixed;bottom:32px;right:32px;overflow:hidden;transform:translateY(14px)scale(.98)}.dui-tour.tour-on .tour{opacity:1;transform:none}.dui-tour .tour.center{width:560px;top:50%;bottom:auto;right:50%;transform:translate(50%,-46%)scale(.98)}.dui-tour.tour-on .tour.center{transform:translate(50%,-50%)}.dui-tour .tour-top{align-items:center;gap:10px;padding:16px 20px 0;display:flex}.dui-tour .tour-mark{font:800 18px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--draft-green);align-items:center;gap:8px;display:flex}.dui-tour .tour-mark img{object-fit:contain;width:32px;height:32px}.dui-tour .tour-count{font:600 10px/1 var(--font-mono);letter-spacing:.12em;color:var(--fg-3);font-variant-numeric:tabular-nums;margin-left:auto}.dui-tour .tour-x{color:var(--fg-3);font:400 20px/1 var(--font-sans);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;padding:2px 4px}.dui-tour .tour-x:hover{color:var(--fg-1);background:#ffffff0f}.dui-tour .tour-rail{gap:4px;padding:14px 20px 0;display:flex}.dui-tour .tour-rail button{cursor:pointer;height:3px;transition:background var(--dur-2) var(--ease-snap);background:#ffffff1a;border:0;border-radius:999px;flex:1;padding:0}.dui-tour .tour-rail button:hover{background:#ffffff47}.dui-tour .tour-rail button.done{background:#44dd7759}.dui-tour .tour-rail button.on{background:var(--draft-green);box-shadow:0 0 10px #44dd7780}.dui-tour .tour-body{flex:1;padding:18px 20px 22px;overflow-y:auto}.dui-tour .tour-kicker{font:700 10px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px}.dui-tour .tour h4{font:800 27px/1.05 var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:var(--fg-1);margin:0 0 10px}.dui-tour .tour-lede{font:500 14px/1.55 var(--font-sans);color:var(--fg-2);text-wrap:pretty;margin:0}.dui-tour .tour-lede b{color:var(--fg-1);font-weight:600}.dui-tour .tour-defs{background:var(--line-1);border:1px solid var(--line-1);border-radius:var(--r-md);flex-direction:column;gap:1px;margin-top:16px;display:flex;overflow:hidden}.dui-tour .tour-def{background:var(--bg-1);grid-template-columns:118px 1fr;gap:14px;padding:11px 14px;display:grid}.dui-tour .tour-def dt{font:700 11px/1.35 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--draft-green);margin:0}.dui-tour .tour-def dd{font:500 13px/1.5 var(--font-sans);color:var(--fg-2);text-wrap:pretty;margin:0}.dui-tour .tour-def dd b{color:var(--fg-1);font-weight:600}.dui-tour .tour-def.violet dt{color:#b69dff}.dui-tour .tour-def.warn dt{color:var(--warn)}.dui-tour .tour-def.info dt{color:var(--info)}.dui-tour .tour-def.live dt{color:var(--live)}.dui-tour .tour-note{border-radius:var(--r-md);font:500 12px/1.5 var(--font-sans);color:var(--fg-2);background:#44dd770f;border:1px solid #44dd7738;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.dui-tour .tour-note b{color:var(--draft-green);font-weight:600;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;padding-top:2px;font-size:10px}.dui-tour .tour-foot{border-top:1px solid var(--line-1);background:#07090c99;align-items:center;gap:8px;padding:14px 20px;display:flex}.dui-tour .tour-skip{font:600 11px/1 var(--font-sans);color:var(--fg-3);cursor:pointer;background:0 0;border:0;margin-right:auto;padding:8px 0}.dui-tour .tour-skip:hover{color:var(--fg-2)}.dui-tour .tour-btn{font:800 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-pill);cursor:pointer;transition:all var(--dur-2) var(--ease-snap);border:1px solid var(--line-2);background:var(--bg-3);color:var(--fg-1);padding:12px 18px}.dui-tour .tour-btn:hover{border-color:var(--line-3);background:var(--bg-4)}.dui-tour .tour-btn.primary{background:var(--draft-green);color:var(--draft-green-ink);border-color:#0000;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #0003}.dui-tour .tour-btn.primary:hover{background:var(--draft-green-hi)}.dui-tour .tour-btn:disabled{opacity:.35;cursor:default}.dui-tour .tour-keys{font:600 9px/1 var(--font-mono);letter-spacing:.1em;color:var(--fg-4);text-transform:uppercase}@media (max-width:720px){.dui-tour .tour,.dui-tour .tour.center{width:auto;inset:auto 12px 12px;transform:translateY(10px)}.dui-tour.tour-on .tour,.dui-tour.tour-on .tour.center{transform:none}.dui-tour .tour-def{grid-template-columns:1fr;gap:4px}}