html:not(.light) .xop{--acc:var(--foreground);--acc-soft:var(--muted);--soft:var(--muted-foreground);--faint:var(--text-tertiary);--card:var(--muted);--line:var(--border)}html:not(.light) .xop-hero{position:relative}.xop-hero{padding:clamp(104px,13vh,140px) 0 clamp(72px,8vw,120px);overflow:hidden}.xop-hero-grid{align-items:center;row-gap:48px}.xop-hero-copy{grid-column:1/span 5}.xop-hero-copy .a2-lede{color:#d4d4d4;margin:24px 0 32px}.xop-hero .x-btn.solid{color:#0a0a0a;background:#fafafa;border-color:#fafafa;transition:background-color .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1)}.xop-hero .x-btn.solid:active{transition-duration:90ms;transform:scale(.97)}@media (hover:hover){.xop-hero .x-btn.solid:hover{background:#e4e4e7;border-color:#e4e4e7;transform:translateY(-1px)}.xop-board-top button:hover{background:#ffffff1a}}.xop-repo{color:#d4d4d4;align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}@media (hover:hover){.xop-repo:hover{color:#fafafa;text-underline-offset:4px;text-decoration:underline}}.xop-hero-obj{grid-column:6/span 7}.xop-board{border-radius:var(--r-hero);background:#0a0a0a;border:1px solid #ffffff1a;padding:20px;position:relative}.xop-board-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.xop-board-top .x-mono{color:#d4d4d4;align-items:center;gap:10px;font-size:13px;display:flex}.xop-live{background:#fafafa;border-radius:50%;width:8px;height:8px}.xop-grid{background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:18px 18px;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:12px;display:grid;position:relative}.xop-tile{border-radius:var(--r-card);color:#fafafa;text-align:left;cursor:pointer;touch-action:manipulation;min-height:112px;font:inherit;background:#171717;border:1px solid #ffffff29;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:14px;transition:border-color .15s;display:flex;position:relative}.xop-tile.fine{cursor:grab;touch-action:none}.xop-tile:active{cursor:grabbing}@media (hover:hover){.xop-tile:hover{border-color:#fff6}}.xop-tile-k{letter-spacing:-.01em;font-size:16px;font-weight:497}.xop-tile-s{color:#a3a3a3;font-size:13px}.xop-tile i{background:#fafafa;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.xop-sweep{pointer-events:none;opacity:0;animation:1.1s cubic-bezier(.4,0,.2,1) both xop-sweep;position:absolute;inset:0}.xop-sweep:before{content:"";background:#ffffffb3;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:0}@keyframes xop-sweep{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100%)}}.xop-log{border-radius:var(--r-card);background:#171717;height:156px;margin:14px 0 0;padding:14px 16px;font-size:13px;line-height:1.5;list-style:none;overflow:hidden}.xop-log li{color:#a3a3a3;animation:xop-line .3s var(--a2-ease) both;justify-content:space-between;gap:12px;padding:3px 0;display:flex}.xop-log li:first-child{color:#fafafa}.xop-log b{white-space:nowrap;color:#d4d4d4;font-weight:500}.xop-log .k-drift b{color:#a3a3a3;text-decoration:line-through}@keyframes xop-line{0%{opacity:0;transform:translateY(-8px)}}.xop-cards{overflow:hidden}.xop-cards-grid{align-items:center;row-gap:40px}.xop-cards-copy{flex-direction:column;grid-column:1/span 5;align-items:flex-start;gap:32px;display:flex}.xop-cards-copy .a2-headline{margin:0}.xop-stack-ctl{align-items:center;gap:12px;display:flex}.xop-nav{border:1px solid var(--line);background:var(--x-raised);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:background-color .15s cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1);display:grid}@media (hover:hover){.xop-nav:hover{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted))}}.xop-nav:active{transform:scale(.97)}.xop-nav:focus-visible,.xop-stack:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.xop-count{text-align:center;min-width:64px;color:var(--soft);font-size:14px}.xop-ticks{gap:6px;margin:0;padding:0;list-style:none;display:flex}.xop-ticks li{background:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,var(--secondary));border-radius:1px;width:24px;height:2px;transition:background-color .3s cubic-bezier(0,0,.2,1)}.xop-ticks li.past{background:var(--faint)}.xop-ticks li.on{background:var(--ink)}.xop-stack{border-radius:var(--r-hero);grid-column:7/span 6;height:420px;margin:0;padding:0;list-style:none;position:relative}.xop-sc{border-radius:var(--r-hero);background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted));border:1px solid var(--lightningcss-light,#0000000f)var(--lightningcss-dark,var(--border));transform-origin:50% 100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;gap:16px;height:calc(100% - 32px);padding:36px;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 24px 60px -16px #0000002e}.xop-sc.alt{background:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,var(--secondary))}.xop-sc.top{cursor:grab}.xop-sc.top:active{cursor:grabbing}.xop-card-t{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:497;line-height:1.25}.xop-sc p{color:var(--soft);margin:0;font-size:16px;line-height:1.6}.xop-card-f{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.xop-sc code{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--background));color:var(--ink);border-radius:10px;padding:10px 14px;font-size:14px}.xop-card-n{color:var(--faint);white-space:nowrap;font-size:13px}.xop-get{padding:0 0 clamp(72px,8vw,120px)}.xop-get-card{border-radius:var(--r-hero);background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted));grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:16px 32px;padding:32px;display:grid}.xop-get-card .a2-headline{margin:0}.xop-get-card div>p{color:var(--soft);margin:4px 0 0;font-size:16px}.xop-get-meta{gap:20px;margin:0;font-size:13px;display:flex}.xop-get-meta a{min-height:44px;color:var(--ink);align-items:center;display:inline-flex}.xop-get-cmd{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--background));border-radius:10px;align-items:center;gap:12px;padding:6px 6px 6px 14px;font-size:14px;display:flex;margin:0!important}.xop-get-cmd code{font:inherit}@media (max-width:900px){.xop-hero{padding-top:104px}.xop-board{padding:14px}.xop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.xop-tile{min-height:76px;padding:12px}.xop-log{height:156px}.xop-cards-grid{flex-direction:column;align-items:stretch;row-gap:28px;display:flex}.xop-cards-copy{display:contents}.xop-cards-copy .a2-headline{order:0}.xop-stack{order:1;width:100%;height:500px}.xop-stack-ctl{order:2;align-self:center}.xop-ticks{order:3;align-self:center;margin-top:-12px}.xop-sc{gap:14px;padding:24px}.xop-card-t{font-size:21px}.xop-card-f{flex-wrap:wrap}.xop-card-n{font-size:14px}.xop-get-card{grid-template-columns:minmax(0,1fr);padding:24px}.xop-get-card>.x-btn{justify-self:start}}@media (prefers-reduced-motion:reduce){.xop *,.xop :before,.xop :after{animation:none!important}}