.ml-feed{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:60;background:#000;position:fixed;inset:0;overflow-y:scroll}.ml-topbar{z-index:70;pointer-events:none;background:linear-gradient(#0009,#0000);align-items:center;gap:14px;padding:14px 16px;display:flex;position:fixed;top:0;left:0;right:0}.ml-topbar a,.ml-topbar span{pointer-events:auto}.ml-topbar a{color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.06em;opacity:.85;font-size:13px;text-decoration:none}.ml-topbar a:hover{opacity:1}.ml-topbar .label{color:#ffffffe6;font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;margin-left:auto;font-size:12px}.ml-feed::-webkit-scrollbar{display:none}.ml-card{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;height:100%;min-height:100%;display:flex;position:relative;overflow:hidden}.ml-stage{background:radial-gradient(120% 90% at 50% 10%,#0b1622 0%,#05070a 60%,#000 100%);width:100%;max-width:460px;height:100%;position:relative;overflow:hidden}.ml-viz{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ml-viz svg{width:78%;height:auto;max-height:62%}.ml-meta{z-index:3;color:#fff;text-shadow:0 1px 12px #000000b3;position:absolute;bottom:34px;left:18px;right:84px}.ml-handle{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--oc-accent);margin:0 0 8px;font-size:13px}.ml-title{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.2}.ml-cap{color:#ffffffd1;text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.ml-tags{font-family:var(--font-mono), monospace;color:#78c8ffe6;margin:10px 0 0;font-size:12px}.ml-punch{text-align:center;z-index:2;pointer-events:none;position:absolute;top:12%;left:0;right:0}.ml-punch .k{font-family:var(--font-mono), monospace;letter-spacing:.22em;color:#ffffff80;text-transform:uppercase;font-size:12px;display:block}.ml-punch .v{letter-spacing:-.02em;color:#fff;margin-top:6px;font-size:44px;font-weight:800;display:block}.ml-rail{z-index:3;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:40px;right:14px}.ml-rail button{color:#fff;cursor:pointer;font-family:var(--font-mono), monospace;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.ml-rail .glyph{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.ml-rail button.is-on .glyph{background:var(--oc-live)}.ml-progress{z-index:4;background:#ffffff24;height:3px;position:absolute;top:0;left:0;right:0}.ml-progress span{background:var(--oc-accent);width:0;height:100%;display:block}.ml-card.is-active .ml-progress span{animation:ml-bar var(--dur,8s) linear forwards}.ml-card video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ml-hint{text-align:center;z-index:3;color:#fff9;font-family:var(--font-mono), monospace;letter-spacing:.14em;font-size:12px;animation:1.6s ease-in-out infinite ml-nudge;position:absolute;bottom:14px;left:0;right:0}@keyframes ml-bar{0%{width:0}to{width:100%}}@keyframes ml-nudge{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.ml-card.is-active .a-draw{animation:2.4s forwards a-draw}.ml-card.is-active .a-pop{animation:.5s both a-pop}.ml-card.is-active .a-fade{animation:1s both a-fade}.ml-card.is-active .a-fill{animation:3s ease-in-out infinite alternate a-fill}.ml-card.is-active .a-spin{transform-origin:50%;animation:3.2s linear infinite a-spin}.ml-card.is-active .a-rise{animation:2.6s ease-in-out infinite a-rise}.ml-card.is-active .a-count{animation:.8s both a-fade}@keyframes a-draw{0%{stroke-dashoffset:var(--len,400)}to{stroke-dashoffset:0}}@keyframes a-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes a-fade{0%{opacity:0}to{opacity:1}}@keyframes a-fill{0%{y:120;height:0}to{height:120px}}@keyframes a-spin{to{transform:rotate(360deg)}}@keyframes a-rise{0%,to{transform:translateY(6px)}50%{transform:translateY(-6px)}}@media (max-width:520px){.ml-stage{max-width:100%}.ml-meta{right:72px}}.ml-src{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:#ffffff80;margin:8px 0 0;font-size:12px}.ml-segments{z-index:5;gap:4px;display:flex;position:absolute;top:8px;left:12px;right:12px}.ml-segments span{background:#ffffff38;border-radius:2px;flex:1;height:3px;transition:background .25s}.ml-segments span.on{background:var(--oc-accent)}.ml-walk{z-index:2;position:absolute;inset:0}.ml-tap{cursor:pointer;z-index:2;background:0 0;border:0;position:absolute;top:0;bottom:0}.ml-tap-left{width:32%;left:0}.ml-tap-right{width:68%;right:0}.ml-walk-body{z-index:3;pointer-events:none;text-align:left;position:absolute;top:50%;left:22px;right:22px;transform:translateY(-58%)}.ml-step-k{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--oc-blue);margin:0 0 16px;font-size:12px}.ml-step-n{color:#fff6;letter-spacing:.1em;margin-left:8px}.ml-step-body{letter-spacing:-.01em;color:#fff;text-wrap:pretty;margin:0;font-size:24px;font-weight:600;line-height:1.4;animation:.35s both a-fade}.ml-step-body.is-answer{color:var(--oc-accent);font-size:28px}.ml-walk-hint{z-index:3;font-family:var(--font-mono), monospace;letter-spacing:.14em;color:#ffffff8c;pointer-events:none;font-size:12px;animation:1.6s ease-in-out infinite ml-nudge;position:absolute;bottom:132px;right:20px}.ml-walk-hint.is-done{color:var(--oc-accent);animation:none}.ml-card .ml-walk~.ml-meta .ml-title{opacity:.9;font-size:17px}.ml-card.is-active .s-tumble{transform-origin:50%;animation:2.4s ease-in-out infinite s-tumble}.ml-card.is-active .s-face{opacity:0;animation:2.4s step-end infinite s-face}.ml-card.is-active .s-fan{animation:3s ease-in-out infinite s-fan}.ml-card.is-active .s-flip{animation:3s ease-in-out infinite s-flip}.ml-card.is-active .s-drop{animation:2.6s ease-in infinite s-drop}.ml-card.is-active .s-lift{animation:2.6s ease-in-out infinite s-lift}.ml-card.is-active .s-cell{animation:2.4s ease-in-out infinite s-cell}.ml-card.is-active .s-branch{stroke-dasharray:60;stroke-dashoffset:60px;animation:2.6s ease-out infinite s-branch}.ml-card.is-active .s-node{animation:2.6s ease-out infinite s-node}@keyframes s-tumble{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-7deg)}90%{transform:rotate(6deg)}}@keyframes s-face{0%,24%{opacity:1}25%,to{opacity:0}}@keyframes s-fan{0%,to{transform:rotate(0)translate(0)}50%{transform:rotate(-9deg)translate(-12px)}}@keyframes s-flip{0%,40%{transform:scaleX(1)}50%{transform:scaleX(.05)}60%,to{transform:scaleX(1)}}@keyframes s-drop{0%{opacity:0;transform:translateY(-46px)}25%,to{opacity:1;transform:translateY(0)}}@keyframes s-lift{0%,60%{opacity:0;transform:translateY(46px)}80%,to{opacity:1;transform:translateY(0)}}@keyframes s-cell{0%,to{fill-opacity:.08}40%{fill-opacity:.42}}@keyframes s-branch{0%{stroke-dashoffset:60px}45%,to{stroke-dashoffset:0}}@keyframes s-node{0%{opacity:0;transform:scale(.4)}40%,to{opacity:1;transform:scale(1)}}.ml-tapzone{z-index:4;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.ml-film{z-index:5;pointer-events:none;align-items:center;display:flex;position:absolute;inset:13% 22px 34%}.ml-beat{width:100%;animation:.4s both a-fade}.ml-beat.is-solve{align-self:center}.ml-kicker{font-family:var(--font-mono), monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--oc-blue);margin:0 0 14px;font-size:12px}.ml-hook{letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0;font-size:34px;font-weight:800;line-height:1.12}.ml-q{color:#fff;text-wrap:pretty;margin:0;font-size:25px;font-weight:600;line-height:1.35}.ml-ring{width:80px;height:80px;margin:0 auto 18px;position:relative}.ml-ring span{font-family:var(--font-mono), monospace;color:#f4c542;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.ml-try{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.1em;color:#ffffffd9;margin:0;font-size:15px}.ml-lines{flex-direction:column;gap:12px;margin:0;padding:0 0 0 22px;display:flex}.ml-lines li{color:#dbe4f0;text-wrap:pretty;font-size:17px;line-height:1.45;animation:.4s both ml-line}.ml-lines li::marker{color:var(--oc-blue);font-family:var(--font-mono), monospace;font-size:13px}@keyframes ml-line{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ml-stamp{border:2px solid var(--oc-accent);text-align:center;margin-top:26px;padding:14px 18px;animation:.45s cubic-bezier(.2,1.5,.4,1) both ml-stamp}.ml-stamp .k{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;font-size:12px;display:block}.ml-stamp .v{color:var(--oc-accent);margin-top:6px;font-size:38px;font-weight:800;display:block}@keyframes ml-stamp{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.ml-face{z-index:6;position:absolute;top:46px;right:18px}.ml-char.nod{animation:.5s steps(2,end) mi-nod}.ml-char.wince{animation:.45s steps(2,end) 2 mi-wince}@keyframes mi-nod{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes mi-wince{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.ml-paused{z-index:7;font-family:var(--font-mono), monospace;letter-spacing:.24em;color:#ffffffbf;pointer-events:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.ml-card .ml-viz{z-index:1;opacity:.85;align-items:flex-end;padding-bottom:13%}.ml-card .ml-viz svg{width:62%;max-height:30%}.ml-film{z-index:5}.ml-stamp{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070ae0}.ml-lines li,.ml-q,.ml-hook{text-shadow:0 2px 16px #000000d9}.ml-face{z-index:6;width:52px;height:52px;position:absolute;top:44px;right:16px}.ml-sprite{width:100%;height:100%;image-rendering:pixelated;display:block}.ml-face.is-nod .ml-sprite{animation:.5s steps(2,end) mi-nod}.ml-face.is-wince .ml-sprite{animation:.45s steps(2,end) 2 mi-wince}.ml-face.is-think .ml-sprite{animation:2s ease-in-out infinite ml-bob}@keyframes ml-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ml-q.is-held{opacity:.92;margin-bottom:22px;font-size:20px}.ml-card .ml-rail{z-index:6}.ml-card .ml-rail .glyph{color:#fff}.ml-card .ml-rail button.is-on .glyph{background:var(--oc-live)}