/* outrun.so/lab/folders (test mock, 23 Oct 2026; v2: no panel/header/caption, scroll-scrubbed delivery sequence; v3: light-mode definition for the frosted folders): rounded glass ICP folders. Lab-only file; the live home never loads it.
   The site has a global *{border-radius:0!important}, so every radius here carries !important. */
.lf-sec{padding-top:var(--space-7)}
.lf{--lf-w:304px;--lf-h:216px;--lf-top:92px;--lf-ease:cubic-bezier(.2,.8,.2,1);--lf-d:.45s;
  --lf-stage:#f2f2f4;--lf-dot:rgba(20,20,30,.16);--lf-ink:#111214;--lf-mut:#6b6e76;
  --lf-back1:#ececef;--lf-back2:#dcdde2;--lf-backedge:rgba(0,0,0,.07);
  --lf-g1:rgba(255,255,255,.62);--lf-g2:rgba(255,255,255,.32);--lf-gedge:rgba(255,255,255,.95);--lf-gline:rgba(0,0,0,.06);
  --lf-paper:#fff;--lf-paper-l:#e9eaee;--lf-card-edge:rgba(0,0,0,.08);
  --lf-sh:0 34px 60px -26px rgba(17,18,24,.42),0 14px 24px -14px rgba(17,18,24,.22);
  margin:0 auto;max-width:1120px;font-family:var(--font-sans);color:var(--lf-ink)}
html:not([data-theme="light"]) .lf{--lf-stage:#111214;--lf-dot:rgba(255,255,255,.10);--lf-ink:#f4f4f5;--lf-mut:#9a9ca4;
  --lf-back1:#2c2e34;--lf-back2:#1e2025;--lf-backedge:rgba(255,255,255,.08);
  --lf-g1:rgba(78,82,92,.44);--lf-g2:rgba(34,36,42,.56);--lf-gedge:rgba(255,255,255,.22);--lf-gline:rgba(0,0,0,.3);
  --lf-paper:#24262c;--lf-paper-l:#363840;--lf-card-edge:rgba(255,255,255,.08);
  --lf-sh:0 34px 60px -24px rgba(0,0,0,.75),0 14px 24px -14px rgba(0,0,0,.55)}
.lf .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lf .mono{font-family:var(--font-mono)}
.lf .dgw-def{margin:var(--space-4) 0 var(--space-5);text-align:center;font-size:var(--text-small);letter-spacing:.06em;color:var(--fg-muted)}
.lf-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,var(--lf-w));justify-content:center;column-gap:clamp(24px,4vw,56px);row-gap:8px}
.lf-f{grid-row:1;position:relative;width:var(--lf-w);height:calc(var(--lf-top) + var(--lf-h));transition:opacity var(--lf-d) var(--lf-ease),filter var(--lf-d) var(--lf-ease)}
.lf[data-open] .lf-f:not(.is-open){opacity:.45;filter:saturate(.5)}
.lf-hit{appearance:none;-webkit-appearance:none;display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent}
.lf-hit:focus{outline:none}
.lf-sh,.lf-back,.lf-front,.lf-cards{position:absolute;left:0;top:var(--lf-top);width:var(--lf-w);height:var(--lf-h)}
.lf-sh{top:calc(var(--lf-top) + 26px);height:calc(var(--lf-h) - 26px);border-radius:18px!important;box-shadow:var(--lf-sh);transition:box-shadow var(--lf-d) var(--lf-ease),outline-color .2s}
.lf-hit:focus-visible .lf-sh{outline:2px solid var(--accent);outline-offset:6px}
.lf-back{clip-path:path("M0 42A18 18 0 0 1 18 24H112C130 24 134 0 154 0H286A18 18 0 0 1 304 18V198A18 18 0 0 1 286 216H18A18 18 0 0 1 0 198Z");
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 30%),linear-gradient(170deg,var(--lf-back1),var(--lf-back2));transform-origin:50% 100%;transition:transform var(--lf-d) var(--lf-ease)}
html:not([data-theme="light"]) .lf-back{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 30%),linear-gradient(170deg,var(--lf-back1),var(--lf-back2))}
.lf-edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lf-back .lf-edge path{fill:none;stroke:var(--lf-backedge);stroke-width:2}
/* paper cards */
.lf-cards{pointer-events:none}
.lf-pc{position:absolute;left:20px;top:34px;width:264px;height:150px;box-sizing:border-box;padding:12px 14px;display:flex;flex-direction:column;gap:7px;
  background:var(--lf-paper);border:1px solid var(--lf-card-edge);border-radius:12px!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.28);color:var(--lf-ink);
  transform-origin:50% 100%;transform:translate(calc(var(--i) * -7px),calc(var(--i) * -10px)) rotate(calc(var(--i) * -2.4deg));
  transition:transform var(--lf-d) var(--lf-ease);transition-delay:calc(var(--i) * 25ms)}
.lf-pc-h{display:flex;align-items:center;gap:8px;min-width:0}
.lf-pc-h b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lf-pc-m{margin-left:auto;font-size:9.5px;letter-spacing:.08em;color:var(--lf-mut);white-space:nowrap}
.lf-pc-lg,.lf-lg{flex:none;display:grid;place-items:center;width:22px;height:22px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px!important;overflow:hidden}
.lf-pc-lg img{width:16px;height:16px;object-fit:contain;border-radius:3px!important}
.lf-mono{font:700 11px/1 var(--font-sans);color:#fff;background:linear-gradient(140deg,#3b3f47,#15171b);border-color:transparent}
.lf-pc-w{font-size:11.5px;line-height:1.4;color:var(--lf-mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lf-pc-l{display:block;height:6px;width:86%;background:var(--lf-paper-l);border-radius:3px!important}.lf-pc-l.s{width:58%}
/* glass front */
.lf-front{transform-origin:50% 100%;transition:transform var(--lf-d) var(--lf-ease)}
.lf-glass{position:absolute;inset:0;clip-path:path("M0 88A18 18 0 0 1 18 70H122C142 70 146 94 166 94H286A18 18 0 0 1 304 112V198A18 18 0 0 1 286 216H18A18 18 0 0 1 0 198Z");
  background:radial-gradient(120% 60% at 30% 30%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,var(--lf-g1),var(--lf-g2));
  -webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
.lf-front .lf-edge path{fill:none;stroke:var(--lf-gedge);stroke-width:1.5}
.lf-lbl{position:absolute;left:20px;bottom:18px;display:flex;flex-direction:column;gap:3px;max-width:200px}
.lf-lbl b{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.lf-lbl .mono{font-size:11px;color:var(--lf-mut);letter-spacing:.02em}
.lf-v-more .lf-lbl{top:86px;bottom:auto}
.lf-v-dark .lf-lbl{top:108px;bottom:auto;left:auto;right:20px;text-align:right;align-items:flex-end;color:#fff}
.lf-v-dark .lf-lbl .mono{color:rgba(255,255,255,.62)}
/* keys */
.lf-key{position:absolute;right:16px;bottom:16px;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px!important;cursor:pointer;
  transition:transform .2s var(--lf-ease),box-shadow .2s}
.lf-plus{background:#111214;color:#fff;border:0;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.lf-more{background:#fff;color:#111214;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 14px -8px rgba(0,0,0,.35);font:700 15px/1 var(--font-sans);letter-spacing:.05em}
html:not([data-theme="light"]) .lf-plus{background:#f4f4f5;color:#111214}
html:not([data-theme="light"]) .lf-more{background:#2c2e34;color:#f4f4f5;border-color:rgba(255,255,255,.1)}
.lf-key:hover{transform:translateY(-1px) scale(1.04)}
.lf-key:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* dark variant: Outrun green back, smoky glass front */
html .lf .lf-v-dark .lf-back{background:radial-gradient(70% 60% at 22% 18%,#86EFAC 0,rgba(134,239,172,0) 60%),radial-gradient(60% 70% at 80% 30%,#22C55E 0,rgba(34,197,94,0) 62%),
  radial-gradient(80% 70% at 55% 95%,#0B2416 0,rgba(11,36,22,0) 70%),conic-gradient(from 210deg at 58% 58%,#052E16,#22C55E,#0B2416,#4ADE80,#15803D,#052E16)}
.lf-v-dark .lf-back .lf-edge path{stroke:rgba(255,255,255,.18)}
.lf-v-dark .lf-glass{background:radial-gradient(120% 60% at 70% 20%,rgba(255,255,255,.10),transparent 60%),linear-gradient(180deg,rgba(26,28,32,.58),rgba(8,9,11,.86))}
.lf-v-dark .lf-front .lf-edge path{stroke:rgba(255,255,255,.2)}
.lf-v-dark .lf-sh{box-shadow:0 34px 60px -24px rgba(5,46,22,.6),0 14px 24px -14px rgba(0,0,0,.45)}
/* hover + focus: lean back, cards rise and fan */
@media (hover:hover){.lf-f:not(.is-open):hover .lf-front{transform:rotateX(24deg)}
  .lf-f:not(.is-open):hover .lf-back{transform:rotateX(-4deg)}
  .lf-f:not(.is-open):hover .lf-pc{transform:translate(calc(var(--i) * -18px + 6px),calc(-34px - var(--i) * 16px)) rotate(calc(var(--i) * -5deg + 1.5deg))}}
.lf-hit:focus-visible .lf-front{transform:rotateX(24deg)}
.lf-f:not(.is-open) .lf-hit:focus-visible .lf-pc{transform:translate(calc(var(--i) * -18px + 6px),calc(-34px - var(--i) * 16px)) rotate(calc(var(--i) * -5deg + 1.5deg))}
.lf-f.is-open .lf-front{transform:rotateX(32deg) translateY(4px)}
.lf-f.is-open .lf-back{transform:rotateX(-6deg)}
.lf-f.is-open .lf-pc{transform:translate(calc(var(--i) * -26px + 10px),calc(-62px - var(--i) * 18px)) rotate(calc(var(--i) * -7deg + 2deg))}
.lf-f.is-open .lf-sh{box-shadow:0 40px 70px -26px rgba(17,18,24,.5),0 16px 28px -14px rgba(17,18,24,.25)}
/* opened folder: readable spread */
.lf-spread{grid-row:2;grid-column:1/-1;margin:18px 0 4px;padding:18px;border-radius:22px!important;
  background:color-mix(in srgb,var(--lf-stage) 70%,transparent);border:1px solid var(--lf-backedge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lf-spread[hidden]{display:none}
.lf-sp-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px}
.lf-sp-h p{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.lf-sp-h b{font-size:16px;font-weight:600}
.lf-sp-h p>.mono{font-size:11px;color:var(--lf-mut)}
.lf-ex{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);padding:3px 7px;border-radius:999px!important}
.lf-x{appearance:none;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--lf-backedge);background:var(--lf-paper);color:var(--lf-ink);border-radius:10px!important;cursor:pointer;font-size:12px}
.lf-x span+span{font-size:10px;color:var(--lf-mut);padding:1px 5px;border:1px solid var(--lf-backedge);border-radius:5px!important}
.lf-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lf-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lf-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(66.666% + 5px)}
.lf-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:16px;background:var(--lf-paper);border:1px solid var(--lf-card-edge);border-radius:16px!important;
  box-shadow:0 10px 24px -16px rgba(0,0,0,.4);transition:transform .25s var(--lf-ease),box-shadow .25s var(--lf-ease);animation:lf-in .5s var(--lf-ease) both;animation-delay:calc(var(--i) * 70ms)}
.lf-card:hover{transform:translateY(-4px);box-shadow:0 22px 36px -18px rgba(0,0,0,.45)}
@keyframes lf-in{from{opacity:0;transform:translateY(18px) scale(.97) rotate(calc(var(--i) * -1.5deg))}}
.lf-c-h{display:flex;align-items:center;gap:10px;min-width:0}
.lf-lg{width:36px;height:36px;border-radius:10px!important}.lf-lg img{width:24px;height:24px;object-fit:contain;border-radius:4px!important}
.lf-lg.lf-mono{font-size:15px}
.lf-c-n{display:flex;flex-direction:column;min-width:0}
.lf-c-n b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-c-n .mono{font-size:11px;color:var(--lf-mut)}
.lf-fit{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.lf-fit .mono{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lf-mut)}
.lf-fit b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.lf-sig{margin:0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--lf-mut);min-width:0}
.lf-chip{flex:none;font-size:11px;font-weight:500;color:var(--accent-strong);background:var(--accent-soft);padding:2px 8px;border-radius:999px!important}
.lf-why{margin:0;font-size:13.5px;line-height:1.45;color:var(--lf-ink)}
.lf-when{margin:0;font-size:11px;color:var(--lf-mut)}
.lf-ct{position:relative;margin-top:auto;padding-top:10px;border-top:1px solid var(--lf-card-edge);display:flex;flex-direction:column;gap:6px}
.lf-ct-p{display:flex;align-items:center;gap:8px;min-width:0}
.lf-av{flex:none;width:24px;height:24px;border-radius:50%!important;background:linear-gradient(140deg,var(--lf-paper-l),var(--lf-back2))}
.lf-ct-n{display:flex;flex-direction:column;min-width:0;font-size:12.5px}
.lf-ct-t{font-size:11.5px;color:var(--lf-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-tag{margin-left:auto;flex:none;font-size:10.5px;padding:2px 7px;border-radius:999px!important;border:1px solid var(--lf-card-edge);color:var(--lf-mut)}
.lf-tag.ok{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.lf-ct-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--lf-mut);min-width:0}
.lf-ic{display:inline-grid;place-items:center;color:var(--lf-mut)}
.lf-hid{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:1px 6px;border-radius:999px!important;background:var(--lf-paper-l);color:var(--lf-mut);margin-right:6px}
.lf-blr{filter:blur(4px);user-select:none;-webkit-user-select:none;pointer-events:none}
.lf-ct-f .lf-blr{color:var(--accent-strong)}
/* mobile: stack, spread opens under its own folder */
@media (max-width:1100px){.lf-row{grid-template-columns:repeat(2,var(--lf-w))}.lf-f{grid-row:auto}.lf-spread{grid-row:auto}.lf-row{grid-auto-flow:dense}}
@media (max-width:760px){.lf{--lf-top:64px}
  .lf-row{display:flex;flex-direction:column;align-items:center;gap:10px}
  .lf-spread{width:100%;box-sizing:border-box;margin:6px 0 14px;padding:12px}
  .lf-grid,.lf-grid.n2{grid-template-columns:1fr;max-width:none}
}
@media (max-width:340px){.lf-f{transform:scale(.9);transform-origin:50% 0;margin-bottom:-24px}}

/* v2: scroll-scrubbed delivery. Default (no JS / reduced motion) = static folders + static "Delivered" line.
   JS adds .lf-seq (pinned sequence) and, at <=760px, .lf-ms (one scaled row); transforms/opacity are written per frame by folders.js. */
.lf-pin{position:relative;isolation:isolate;padding-top:8px}
.lf-dock{display:none}
.lf.lf-seq .lf-track{height:calc(var(--lf-pinh,560px) + var(--lf-dist,1000px))}
.lf.lf-seq .lf-pin{position:sticky;top:var(--lf-pt,120px)}
.lf.lf-seq .lf-dock{display:block;position:relative;height:210px}
.lf.lf-off .lf-track{height:auto!important}.lf.lf-off .lf-pin{position:relative!important;top:auto!important}.lf.lf-off .lf-dock{display:none!important}
.lf.lf-seq .lf-f{will-change:transform,opacity;transform-origin:50% 200px}
.lf.lf-moving .lf-f{pointer-events:none;transition:none}
.lf.lf-moving .lf-pc{transition-duration:.25s}
.lf-done,.lf-static{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:0;font-size:15px;color:var(--lf-ink)}
.lf-done{position:absolute;left:0;right:0;top:150px;opacity:0;will-change:transform,opacity}
.lf-done b,.lf-static b{font-weight:600}
.lf-done .mono,.lf-static .mono{font-size:11px;color:var(--lf-mut);letter-spacing:.02em}
.lf-tick{display:grid;place-items:center;width:20px;height:20px;border-radius:50%!important;color:#fff;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.lf-static{margin:28px 0 0}
.lf.lf-seq .lf-static{display:none}
@media (prefers-reduced-motion:reduce){.lf *,.lf *::before{transition:none!important;animation:none!important}
  .lf .lf-dock{display:none!important}.lf .lf-track{height:auto!important}.lf .lf-pin{position:relative!important;top:auto!important}.lf .lf-static{display:flex!important}}
/* v3: light-mode definition (first two frosted folders read against the plain page; dark mode unchanged) */
.lf-edge path.h{display:none}
html[data-theme="light"] .lf{--lf-back1:#e6e7eb;--lf-back2:#d0d2d8;--lf-backedge:rgba(0,0,0,.12);
  --lf-g1:rgba(255,255,255,.76);--lf-g2:rgba(238,239,244,.52);
  --lf-sh:0 34px 60px -22px rgba(17,18,24,.5),0 14px 24px -12px rgba(17,18,24,.3),0 2px 6px -1px rgba(17,18,24,.14)}
html[data-theme="light"] .lf .lf-v-plus .lf-front .lf-edge path.h,html[data-theme="light"] .lf .lf-v-more .lf-front .lf-edge path.h{display:block;fill:none;stroke:rgba(0,0,0,.09);stroke-width:3}
html[data-theme="light"] .lf .lf-v-plus .lf-back .lf-edge path,html[data-theme="light"] .lf .lf-v-more .lf-back .lf-edge path{stroke-width:2.5}
/* v4: mobile (<=760px) = the three real folders side by side in one row, scaled to fit (--lf-s set by folders.js), same pinned sequence.
   The inbox tray stays full size; opened folders' cards show below the scene at full width (.lf-spout). Reduced motion keeps the static stack. */
.lf-spout:empty{display:none}
.lf.lf-ms{--lf-top:92px}
.lf.lf-ms .lf-sc{position:relative;overflow-x:clip}
.lf.lf-ms .lf-row{position:absolute;left:50%;top:0;display:grid;grid-template-columns:repeat(3,var(--lf-w));grid-auto-flow:row;column-gap:24px;row-gap:0;
  width:max-content;transform-origin:50% 0;transform:translateX(-50%) scale(var(--lf-s,.37))}
.lf.lf-ms .lf-f{grid-row:1;margin:0}
.lf.lf-ms .lf-spout{margin-top:8px}
.lf.lf-ms .lf-spread{margin:0 0 14px}
/* v4b: new ending. The stack splits into three cards that fly to Email / Slack / Telegram, each icon pings (ring + badge), then "Delivered · 7:00am".
   Slack and Telegram marks are the same SVGs the live home page already uses in its Deliver step; the envelope is an original generic drawing. */
.lf.lf-seq .lf-dock{height:200px}
.lf-dests{position:absolute;left:50%;top:22px;transform:translateX(-50%);display:flex;gap:clamp(28px,6vw,72px)}
.lf-d{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:84px;opacity:0;will-change:transform,opacity}
.lf-di{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;box-sizing:border-box;border:1px solid var(--lf-edge,rgba(0,0,0,.12));
  background:linear-gradient(180deg,#ffffff,#f1f2f4);box-shadow:0 14px 28px -16px rgba(0,0,0,.35),inset 0 1px 0 #fff;color:#16A34A;will-change:transform}
.lf-d-0 .lf-di{color:#fff;background:linear-gradient(180deg,#4ADE80,#16A34A);border-color:#15803D;box-shadow:0 14px 28px -16px rgba(22,163,74,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.lf-ring{position:absolute;left:50%;top:0;width:64px;height:64px;margin-left:-32px;box-sizing:border-box;border:2px solid var(--accent,#22C55E);border-radius:0;opacity:0;pointer-events:none;will-change:transform,opacity}
.lf-ping{position:absolute;z-index:2;top:-9px;left:calc(50% + 20px);height:18px;padding:0 6px;display:grid;place-items:center;font-size:10px;line-height:1;letter-spacing:.04em;text-transform:uppercase;
  color:#fff;background:#DC2626;box-shadow:0 0 0 2px var(--lf-bg,#fff);opacity:0;will-change:transform,opacity}
.lf-dl{font-size:12px;font-weight:600;color:var(--lf-ink)}
.lf-dock .lf-done{top:132px}
.lf-snd{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11px;color:var(--lf-mut);background:transparent;border:1px solid var(--lf-edge,rgba(0,0,0,.14));cursor:pointer}
.lf-snd:hover{color:var(--lf-ink)}.lf-snd:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lf-snd .x{display:none}.lf-snd[aria-pressed="false"] .w{display:none}.lf-snd[aria-pressed="false"] .x{display:inline}
html:not([data-theme="light"]) .lf-di{background:linear-gradient(180deg,#2a2c32,#1c1d22);border-color:rgba(255,255,255,.14);box-shadow:0 14px 28px -16px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);color:#4ADE80}
html:not([data-theme="light"]) .lf-d-0 .lf-di{color:#fff;background:linear-gradient(180deg,#22C55E,#15803D);border-color:#16A34A}
html:not([data-theme="light"]) .lf-ping{box-shadow:0 0 0 2px #0b0c0e}
html:not([data-theme="light"]) .lf-snd{border-color:rgba(255,255,255,.16)}
html[data-theme="light"] .lf-di{border-color:rgba(0,0,0,.16)}
.lf.lf-ms .lf-dests{gap:22px;top:40px}
.lf.lf-ms .lf-d{width:72px}
.lf.lf-ms .lf-di{width:56px;height:56px}.lf.lf-ms .lf-ring{width:56px;height:56px;margin-left:-28px}
.lf.lf-ms .lf-di svg{width:28px;height:28px}
.lf.lf-ms .lf-dock .lf-done{top:142px;font-size:14px}
.lf.lf-ms .lf-snd{left:50%;right:auto;transform:translateX(-50%);bottom:0}
.lf.lf-ms .lf-dock{height:220px}

/* why */
.wy-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-5);margin-top:var(--space-6)}
.wy-more{font-weight:600;border-bottom:var(--hairline) solid var(--line-strong);padding-bottom:2px}.wy-more:hover{border-color:var(--fg)}
.wy-c{text-align:center;margin-top:var(--space-6)}
.wy-grid{max-width:820px;margin:0 auto;list-style:none}
.wy-note{text-align:center;margin-top:var(--space-4);font-size:var(--text-label);color:var(--fg-subtle)}
.wy-dests{display:grid;grid-template-columns:repeat(3,minmax(0,180px));justify-content:center;gap:var(--space-5);list-style:none;margin:0 auto var(--space-8)}
.wy-d{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);background:var(--bg);border:var(--hairline) solid var(--line)}
.wy-di{width:56px;height:56px;display:grid;place-items:center;border:var(--hairline) solid var(--line);background:var(--surface)}.wy-di svg{width:30px;height:30px}
.wy-rules{max-width:980px;margin:0 auto}
.srcs{max-width:720px;margin:0 auto;list-style:none}
.wy-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:980px;margin:0 auto;list-style:none;border:var(--hairline) solid var(--line);background:var(--bg)}
.wy-tiers li{padding:var(--space-5);border-left:var(--hairline) solid var(--line);text-align:center}.wy-tiers li:first-child{border-left:0}
.wy-tiers .mono{font-size:var(--text-label);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em}
.wy-p{margin-top:var(--space-3);display:flex;justify-content:center;align-items:baseline;gap:4px}.wy-p b{font-size:var(--text-h2);font-weight:600;letter-spacing:-.02em}.wy-p>span{color:var(--fg-muted);font-size:var(--text-small)}
.wy-v{margin-top:var(--space-2);font-size:var(--text-small);color:var(--fg-muted)}
#sharper{padding-bottom:var(--space-6)}#sharper .sh{margin-bottom:0}
.wy-claims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;border-top:var(--hairline) solid var(--line);max-width:1100px;margin:0 auto}
.wy-claims a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-2);height:100%}
.wy-claims a:hover b{text-decoration:underline;text-underline-offset:3px}
.wy-claims .mono{font-size:var(--text-label);color:var(--fg-subtle)}.wy-s-d{font-size:var(--text-small);color:var(--fg-muted)}
@media (max-width:760px){.wy-dests{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.wy-d{padding:var(--space-4) var(--space-1)}.wy-d b{font-size:var(--text-small)}
 .wy-tiers{grid-template-columns:1fr 1fr}.wy-tiers li:nth-child(3){border-left:0}.wy-tiers li:nth-child(n+3){border-top:var(--hairline) solid var(--line)}
 .wy-claims{grid-template-columns:1fr}.wy-claims a{padding:var(--space-4) 0;border-bottom:var(--hairline) solid var(--line)}.wy-grid{max-width:100%}}
main:has(>.wy-hero) .sh .lbl,main:has(>.wy-hero) .final-in .lbl,.wy-hero .lbl{justify-content:center;width:fit-content;margin-left:auto;margin-right:auto}
main:has(>.wy-hero) .final-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--space-6)}
main:has(>.wy-hero) .final-in h2{max-width:20ch;margin-left:auto;margin-right:auto}
main:has(>.wy-hero) .final-in .su{width:100%;max-width:520px}
.wy-rules li{text-align:center;align-items:center;padding:var(--space-5) var(--space-3) 0}
@media (max-width:760px){.wy-rules{grid-template-columns:1fr 1fr;row-gap:var(--space-4)}}