.site-extension .inline-experiment{--ie-blue:oklch(56% .13 233);--ie-blue-light:oklch(86% .077 225);--ie-blue-dark:oklch(44% .11 242);--ie-coral:oklch(69% .145 30);--ie-amber:oklch(83% .12 80);--ie-paper:oklch(99% .008 86);--ie-ink:oklch(27% .035 233);margin:42px 0 48px;position:relative;max-width:100%;font-family:Manrope,Arial,sans-serif}
.site-extension .inline-experiment .ie-visual{position:relative;min-width:0}
.site-extension .inline-experiment .ie-art{height:280px;position:relative;overflow:hidden;background:oklch(95% .028 85);border-radius:20px;perspective:1100px;isolation:isolate;contain:layout paint}
.ie-art svg{width:36px;height:36px;display:block}
.ie-art-layers{background:oklch(95% .027 226)!important}
.ie-plane-shadow{position:absolute;width:280px;height:116px;left:calc(50% - 150px);top:152px;background:oklch(39% .06 224 / .12);border-radius:50%;filter:blur(15px)}
.ie-paper-stack{position:absolute;left:calc(50% - 100px);top:105px;width:210px;height:160px;transform-style:preserve-3d;transform:scale(var(--scene-scale,1)) rotateX(48deg) rotateZ(-25deg)}
.ie-paper{width:210px;height:150px;background:var(--ie-paper);border:1px solid oklch(78% .024 220);border-radius:8px;position:absolute;transform-style:preserve-3d;box-shadow:0 3px 0 oklch(83% .024 220),0 10px 20px oklch(39% .06 225 / .1);transform:translate3d(calc(var(--layer)*9px),calc(var(--layer)*-6px),calc(var(--layer)*44px));padding:18px}
.ie-paper-1{background:oklch(88% .068 226);border-color:oklch(76% .09 227)}
.ie-paper-2{background:oklch(92% .083 89);border-color:oklch(79% .105 89)}
.ie-paper-symbol{display:block;color:var(--ie-blue-dark)}
.ie-paper-lines{display:grid;gap:8px;width:70%;margin-top:14px}
.ie-paper-lines i{display:block;height:4px;background:currentColor;opacity:.18;border-radius:2px}
.ie-paper-lines i:nth-child(2){width:78%}.ie-paper-lines i:nth-child(3){width:90%}
.ie-paper-stamp{position:absolute;right:17px;bottom:17px;color:var(--ie-blue-dark);background:oklch(98% .012 85 / .65);padding:4px;border-radius:50%}
.ie-paper-stamp svg{width:23px;height:23px}
.ie-orbit-token{position:absolute;right:calc(50% - 175px);top:60px;width:58px;height:58px;background:var(--ie-coral);border-radius:50%;display:grid;place-items:center;color:var(--ie-paper);box-shadow:0 7px 0 oklch(56% .15 29);transform:rotate(-13deg)}
.ie-art-receipt{background:oklch(95% .026 84)!important}
.ie-crates{display:grid;grid-template-columns:repeat(5,42px);gap:30px 19px;position:absolute;left:calc(50% - 148px);top:70px;transform:rotate(-7deg)}
.ie-cube{display:block;width:42px;height:42px;position:relative;--cube-front:oklch(91% .016 222);--cube-side:oklch(83% .025 225);--cube-top:oklch(96% .012 225);transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-30deg)}
.ie-cube-accepted{--cube-front:var(--ie-blue-light);--cube-side:oklch(64% .1 228);--cube-top:oklch(91% .052 227)}
.ie-cube i{position:absolute;display:block;inset:0;width:42px;height:42px;backface-visibility:hidden;border:1px solid oklch(51% .035 227 / .18)}
.ie-cube-front{background:var(--cube-front);transform:translateZ(21px)}
.ie-cube-partial .ie-cube-front{background:linear-gradient(90deg,var(--ie-blue-light) var(--portion),var(--cube-front) var(--portion))}
.ie-cube-right{background:var(--cube-side);transform:rotateY(90deg) translateZ(21px)}
.ie-cube-top{background:var(--cube-top);transform:rotateX(90deg) translateZ(21px)}
.ie-cube-seal{position:absolute;left:8px;top:11px;color:var(--ie-blue-dark);transform:translateZ(22px)}
.ie-cube-seal svg{width:22px;height:22px}
.ie-receipt-check{position:absolute;left:calc(50% + 126px);top:185px;color:var(--ie-blue-dark);width:52px;height:52px;border-radius:50%;background:var(--ie-amber);display:grid;place-items:center;box-shadow:0 5px 0 oklch(68% .12 82);transform:rotate(-10deg)}
.ie-quantity-reading{display:flex;justify-content:center;gap:28px;font-size:14px;margin:15px 0 0;color:var(--ie-ink)}
.ie-quantity-reading strong{font-size:24px;letter-spacing:-.04em;font-weight:700;margin-right:5px}
.ie-art-handoff{background:oklch(95% .035 85)!important}
.ie-desk{position:absolute;top:44px;left:calc(50% - 265px);width:530px;height:220px;transform-style:preserve-3d;transform:scale(.86);transform-origin:top center}
.ie-tray{position:absolute;top:99px;width:115px;height:82px;border:1px solid oklch(69% .075 229);background:var(--ie-blue-light);border-radius:8px;transform:rotateX(48deg) rotateZ(-15deg);box-shadow:0 6px 0 oklch(62% .085 230),0 14px 22px oklch(37% .035 225 / .07);display:grid;place-items:center;color:var(--ie-blue-dark)}
.ie-tray-input{left:13px}.ie-tray-output{right:0;background:var(--ie-amber);border-color:oklch(75% .09 83);box-shadow:0 6px 0 oklch(71% .12 80),0 14px 22px oklch(37% .035 225 / .07)}
.ie-travelling-paper{position:absolute;left:345px;top:79px;z-index:4;transform:scale(.42) rotate(-12deg);transform-origin:top left}
.ie-travelling-paper .ie-paper{transform:none}
.ie-reviewer{position:absolute;left:236px;top:21px;width:88px;height:132px;z-index:5}
.ie-reviewer-head{position:absolute;top:0;left:22px;width:49px;height:52px;border-radius:48% 48% 45% 45%;background:oklch(81% .067 51);box-shadow:inset 2px 7px 0 oklch(29% .038 225),2px 2px 0 oklch(67% .069 48)}
.ie-reviewer-head:before{content:'';position:absolute;top:25px;left:14px;width:3px;height:3px;background:var(--ie-ink);border-radius:50%;box-shadow:16px 0 0 var(--ie-ink)}
.ie-reviewer-head:after{content:'';position:absolute;top:34px;left:21px;width:10px;height:5px;border-bottom:2px solid oklch(53% .074 40);border-radius:50%}
.ie-reviewer-body{position:absolute;left:10px;top:54px;width:76px;height:78px;background:var(--ie-coral);border-radius:31px 31px 8px 8px;box-shadow:inset -8px 0 0 oklch(58% .13 29)}
.ie-reviewer-hand{position:absolute;right:-4px;top:74px;width:24px;height:51px;background:oklch(81% .067 51);border:10px solid var(--ie-coral);border-bottom:0;border-radius:14px;transform:rotate(-23deg)}
.ie-path-dots{position:absolute;left:113px;right:84px;top:175px;display:flex;justify-content:space-between;color:oklch(73% .063 225)}
.ie-path-dots i{height:5px;width:5px;border-radius:50%;background:currentColor}
.ie-art-boundary{background:oklch(94% .026 228)!important}
.ie-boundary-stage{position:absolute;inset:0;transform:scale(var(--boundary-scale,1));transform-origin:center}
#sv-pilot-boundary{--boundary-scale:.62}
.ie-boundary-floor{position:absolute;left:calc(50% - 210px);top:162px;width:420px;height:90px;border-radius:50%;background:oklch(85% .029 225);transform:rotate(-6deg)}
.ie-boundary-paper{position:absolute;left:calc(50% - 195px);top:121px;transform:translateX(24px) scale(.42) rotate(-8deg);transform-origin:top left;z-index:3}
.ie-boundary-paper .ie-paper{transform:none}
.ie-review-gate{position:absolute;left:calc(50% - 53px);top:83px;width:125px;height:136px;transform:rotate(-5deg);z-index:5}
.ie-gate-post{position:absolute;top:48px;left:0;width:16px;height:91px;background:var(--ie-blue);border-radius:3px;box-shadow:5px 3px 0 var(--ie-blue-dark)}
.ie-gate-post:nth-child(2){left:115px;height:65px;top:58px}
.ie-gate-arm{position:absolute;width:116px;height:14px;top:52px;left:13px;background:var(--ie-coral);border-radius:4px;box-shadow:0 4px 0 oklch(56% .138 30);transform-origin:left center;transform:rotate(-3deg)}
.ie-review-gate>span{position:absolute;left:43px;top:12px;color:var(--ie-blue-dark);background:var(--ie-amber);border-radius:14px;padding:7px;box-shadow:0 4px 0 oklch(69% .12 80)}
.ie-decision-person{position:absolute;left:calc(50% - 70px);top:198px;color:var(--ie-blue-dark)}
.ie-target-record{position:absolute;left:calc(50% + 127px);top:118px;width:65px;height:72px;border:1px solid oklch(76% .057 227);border-radius:10px;background:var(--ie-paper);display:grid;place-items:center;color:var(--ie-blue-dark);transform:rotateX(15deg) rotateY(-20deg);box-shadow:5px 6px 0 var(--ie-blue-light)}
.ie-flat-chart{padding:30px 28px;border-top:1px solid oklch(83% .036 223);border-bottom:1px solid oklch(83% .036 223);background:oklch(97% .026 83);border-radius:0;color:var(--ie-ink)}
.ie-compare-row,.ie-capacity-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,2.7fr) auto;align-items:center;gap:18px;margin:15px 0;font-size:14px}
.ie-compare-row strong,.ie-capacity-row strong{font-size:19px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.ie-capacity-row strong small{font-size:12px;font-weight:500}
.ie-bar-track{height:24px;position:relative;background:oklch(90% .017 225);border-radius:4px;overflow:hidden}
.ie-value-bar{display:block;height:100%;width:var(--bar);background:var(--ie-blue);transform-origin:left center;border-radius:4px}
.ie-incomplete-bar{background:var(--ie-coral)}
.site-extension .inline-experiment .ie-reading-note{font:500 13px/1.6 Manrope,Arial,sans-serif;text-align:right;color:oklch(41% .095 37);margin:12px 0 0}
.site-extension.section-guides .article-body .article-prose .inline-experiment .ie-reading-note{font:500 13px/1.6 Manrope,Arial,sans-serif;margin:12px 0 0}
.site-extension .inline-experiment figcaption{font:500 15px/1.7 Manrope,Arial,sans-serif;max-width:62ch;letter-spacing:normal;text-transform:none;color:oklch(36% .035 225);margin:16px 0 0}
.inline-experiment[data-ie-motion=playing] .ie-paper-stack{animation:ie-stack-view 3.6s cubic-bezier(.16,1,.3,1) both}
.inline-experiment[data-ie-motion=playing] .ie-paper-stack .ie-paper{animation:ie-unstack 3.6s cubic-bezier(.16,1,.3,1) both}
.inline-experiment[data-ie-motion=playing] .ie-orbit-token{animation:ie-token-place 2.8s cubic-bezier(.16,1,.3,1) both}
.inline-experiment[data-ie-motion=playing] .ie-cube{animation:ie-crate-place 1.3s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--cube)*145ms)}
.inline-experiment[data-ie-motion=playing] .ie-travelling-paper{animation:ie-paper-route 3.8s cubic-bezier(.22,1,.36,1) both}
.inline-experiment[data-ie-motion=playing] .ie-reviewer-hand{animation:ie-review-gesture 3.8s cubic-bezier(.16,1,.3,1) both}
.inline-experiment[data-ie-motion=playing] .ie-boundary-paper{animation:ie-stop-at-review 3.6s cubic-bezier(.16,1,.3,1) both}
.inline-experiment[data-ie-motion=playing] .ie-review-gate>span{animation:ie-gate-confirm 3.6s cubic-bezier(.16,1,.3,1) both}
.inline-experiment[data-ie-motion=playing] .ie-value-bar{animation:ie-chart-fill 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--item)*220ms)}
@keyframes ie-stack-view{0%{transform:scale(var(--scene-scale,1)) rotateX(58deg) rotateZ(-32deg)}55%,100%{transform:scale(var(--scene-scale,1)) rotateX(48deg) rotateZ(-25deg)}}
@keyframes ie-unstack{0%{transform:translate3d(0,0,calc(var(--layer)*3px))}55%,100%{transform:translate3d(calc(var(--layer)*9px),calc(var(--layer)*-6px),calc(var(--layer)*44px))}}
@keyframes ie-token-place{0%{opacity:0;transform:translateY(-16px) rotate(-40deg)}65%,100%{opacity:1;transform:rotate(-13deg)}}
@keyframes ie-crate-place{0%{transform:translateY(-18px) scale(0) rotateX(-20deg) rotateY(-30deg)}100%{transform:scale(1) rotateX(-20deg) rotateY(-30deg)}}
@keyframes ie-paper-route{0%{transform:translateX(-321px) scale(.42) rotate(-12deg)}32%,58%{transform:translate(-130px,-25px) scale(.42) rotate(-4deg)}90%,100%{transform:scale(.42) rotate(-12deg)}}
@keyframes ie-review-gesture{0%,25%,75%,100%{transform:rotate(-23deg)}45%,55%{transform:rotate(-60deg)}}
@keyframes ie-stop-at-review{0%{transform:translateX(-24px) scale(.42) rotate(-18deg)}40%,100%{transform:translateX(24px) scale(.42) rotate(-8deg)}}
@keyframes ie-gate-confirm{0%,30%{transform:scale(.9);opacity:.4}60%,100%{transform:scale(1);opacity:1}}
@keyframes ie-chart-fill{0%{transform:scaleX(.02)}100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.inline-experiment[data-ie-motion=playing] *{animation:none!important}}
@media(max-width:600px){.site-extension .inline-experiment .ie-art{height:245px}.ie-desk{transform:scale(.65);transform-origin:top center;top:55px}.ie-art-boundary{font-size:80%}.ie-compare-row,.ie-capacity-row{grid-template-columns:80px minmax(30px,1fr) auto;gap:10px;font-size:12px}.ie-flat-chart{padding:20px 12px}.ie-compare-row strong,.ie-capacity-row strong{font-size:15px}.ie-crates{transform:rotate(-7deg) scale(.82);transform-origin:top center;top:60px}.ie-receipt-check{left:calc(50% + 115px);top:160px}.site-extension .inline-experiment{margin:30px 0 36px}}
