.lui-stack{--w:clamp(250px, 24vw, 340px);--h:calc(var(--w) * 1.415);--stage-h:calc(var(--h) + 96px);--ease-land:cubic-bezier(.16, .9, .24, 1);min-width:0;margin:0;position:relative}.lui-stack-stage{height:var(--stage-h);perspective:1600px;perspective-origin:50% 40%;position:relative}.lui-stack-fan{transform-style:preserve-3d;transform:rotateX(calc((var(--py,.5) - .5) * -8deg)) rotateY(calc((var(--px,.5) - .5) * 12deg));transition:transform .9s var(--lui-ease-out);position:absolute;inset:0}.lui-stack-page{--tx:0px;--ty:0px;--tz:0px;--rot:0deg;--dp:0px;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);filter:drop-shadow(0 1px 1px #1f1d1612)drop-shadow(0 26px 30px #1f1d1626);transform:translate3d(calc((var(--px,.5) - .5) * var(--dp)), calc((var(--py,.5) - .5) * var(--dp)), 0);translate:var(--tx) var(--ty) var(--tz);rotate:var(--rot);transition:transform .8s var(--lui-ease-out), translate .7s var(--lui-ease-out), rotate .7s var(--lui-ease-out);animation:lui-stack-land 1.15s var(--ease-land) calc(var(--n) * .12s + .2s) backwards;position:absolute;top:50%;left:50%}.lui-stack-page[data-depth="2"]{--tx:calc(var(--w) * -.37);--ty:14px;--tz:-90px;--rot:-10deg;--dp:10px}.lui-stack-page[data-depth="1"]{--tx:calc(var(--w) * -.15);--ty:-4px;--tz:-45px;--rot:-3.5deg;--dp:22px}.lui-stack-page[data-depth="0"]{--tx:calc(var(--w) * .12);--ty:6px;--tz:0px;--rot:3.5deg;--dp:40px}@media (prefers-reduced-motion:no-preference){.lui-stack[data-calm=false][data-pointer=in] .lui-stack-page[data-depth="2"]{--tx:calc(var(--w) * -.46);--rot:-13deg}.lui-stack[data-calm=false][data-pointer=in] .lui-stack-page[data-depth="1"]{--tx:calc(var(--w) * -.2);--rot:-5deg}.lui-stack[data-calm=false][data-pointer=in] .lui-stack-page[data-depth="0"]{--tx:calc(var(--w) * .15);--ty:0px;--rot:2.5deg}}@keyframes lui-stack-land{0%{opacity:0;translate:0 44px;rotate:none}40%{opacity:1}}.lui-stack-paper{background:#fff;border-radius:3px;position:absolute;inset:0;overflow:hidden}.lui-stack-paper img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.lui-stack-page[data-depth="1"] .lui-stack-paper:after,.lui-stack-page[data-depth="2"] .lui-stack-paper:after{content:"";background:var(--bg);pointer-events:none;position:absolute;inset:0}.lui-stack-page[data-depth="1"] .lui-stack-paper:after{opacity:.22}.lui-stack-page[data-depth="2"] .lui-stack-paper:after{opacity:.42}.lui-stack-page[data-front=true]{--ear:30px}.lui-stack-page[data-front=true] .lui-stack-paper{clip-path:polygon(0 0, calc(100% - var(--ear)) 0, 100% var(--ear), 100% 100%, 0 100%)}.lui-stack-page[data-front=true]:after{content:"";width:var(--ear);height:var(--ear);background:linear-gradient(225deg,#0000 50%,#e2dccb 50%,#f3efe4 88%);border-bottom-left-radius:5px;position:absolute;top:0;right:0;box-shadow:-2px 2px 4px #1f1d1624}.lui-stack-chip{z-index:3;background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px #1f1d160f, var(--shadow-2);animation:lui-stack-pop .7s var(--lui-ease-spring) calc(1.05s + var(--slot-delay,0s)) backwards, lui-stack-bob 7s ease-in-out var(--fl,0s) infinite;border-radius:999px;align-items:center;gap:11px;margin:0;padding:10px 16px 10px 11px;display:flex;position:absolute;translate:0 0 110px}.lui-stack-chip[data-slot="0"]{bottom:58px;right:max(0px, calc(50% - var(--w) * .86));border-radius:var(--leaf-radius-md,14px);padding:9px 16px 9px 10px}.lui-stack-chip[data-slot="1"]{top:38px;left:max(0px, calc(50% - var(--w) * .98));--slot-delay:.22s}.lui-stack-stage[data-visible=false] .lui-stack-chip{animation-play-state:paused}.lui-stack-chip-text{gap:2px;line-height:1.1;display:grid}.lui-stack-chip b{font-family:var(--lui-display);letter-spacing:-.02em;font-size:15px;font-weight:700}.lui-stack-chip small{color:var(--ink-3);font-size:12.5px;font-weight:500}.lui-stack-chip[data-kind=fill] b{font-size:17px}.lui-stack-glyph{flex:none;display:block}.lui-stack-glyph-fill{opacity:.9}.lui-stack-tick{border-radius:var(--leaf-avatar,50%);background:var(--accent);width:24px;height:24px;color:var(--ink);flex:none;place-items:center;display:grid}@keyframes lui-stack-pop{0%{opacity:0;scale:.85}}@keyframes lui-stack-bob{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(3px,-8px)rotate(-1deg)}}.lui-stack-caption{text-align:center;color:var(--ink-3);margin:6px 0 0;font-size:12.5px}.lui-stack[data-spread=pair]{--w:clamp(190px, 21.5vw, 292px);--stage-h:calc(var(--h) + 104px)}.lui-stack[data-spread=pair] .lui-stack-page[data-depth="1"]{--tx:calc(var(--w) * -.47);--ty:12px;--tz:-30px;--rot:-4deg;--dp:16px}.lui-stack[data-spread=pair] .lui-stack-page[data-depth="0"]{--tx:calc(var(--w) * .47);--ty:-4px;--tz:0px;--rot:3deg;--dp:34px}@media (prefers-reduced-motion:no-preference){.lui-stack[data-spread=pair][data-calm=false][data-pointer=in] .lui-stack-page[data-depth="1"]{--tx:calc(var(--w) * -.56);--rot:-6deg}.lui-stack[data-spread=pair][data-calm=false][data-pointer=in] .lui-stack-page[data-depth="0"]{--tx:calc(var(--w) * .56);--ty:-8px;--rot:4.5deg}}.lui-stack[data-spread=pair] .lui-stack-page[data-depth="1"] .lui-stack-paper:after{display:none}.lui-stack-node{position:absolute;inset:0;container-type:inline-size}.lui-stack[data-spread=pair] .lui-stack-chip[data-slot=bad]{bottom:30px;left:max(0px, calc(50% - var(--w) * 1.04));border-radius:var(--leaf-radius-md,14px);--slot-delay:.9s;padding:9px 16px 9px 10px}.lui-stack[data-spread=pair] .lui-stack-chip[data-slot=good]{bottom:14px;right:max(0px, calc(50% - var(--w) * 1.04));border-radius:var(--leaf-radius-md,14px);--slot-delay:2.6s;padding:9px 16px 9px 10px}.lui-stack[data-spread=pair] .lui-stack-chip[data-slot=fill]{top:10px;right:max(0px, calc(50% - var(--w) * 1.08));--slot-delay:3s}.lui-stack-chip[data-kind=ring]{color:var(--ink)}.lui-stack-ring{flex:none;display:block}.lui-stack-chip[data-tone=bad] .lui-stack-ring{color:var(--danger)}.lui-stack-chip[data-tone=good] .lui-stack-ring{color:var(--ok)}.lui-stack-chip[data-tone=bad]{box-shadow:0 0 0 1px #b3402f38, var(--shadow-2)}.lui-stack-chip[data-tone=bad] b{color:var(--danger)}.lui-stack-between{z-index:3;background:var(--accent);width:46px;height:46px;color:var(--ink);box-shadow:0 0 0 5px #f4f1eae6, var(--shadow-2);animation:lui-stack-pop .7s var(--lui-ease-spring) 3.3s backwards, lui-stack-nudge 3.2s ease-in-out 4.2s infinite;border-radius:50%;place-items:center;margin:-23px 0 0 -23px;display:grid;position:absolute;top:80%;left:50%;translate:0 0 120px}@keyframes lui-stack-nudge{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}@media (max-width:760px){.lui-stack{--w:232px;--stage-h:calc(var(--h) + 56px)}.lui-stack-page[data-front=true]{--ear:20px}.lui-stack-page[data-depth="2"]{--tx:calc(var(--w) * -.25);--tz:-60px;--rot:-8deg}.lui-stack-page[data-depth="1"]{--tx:calc(var(--w) * -.1);--tz:-30px;--rot:-3deg}.lui-stack-page[data-depth="0"]{--tx:calc(var(--w) * .08)}.lui-stack-chip{gap:9px;padding:8px 13px 8px 9px}.lui-stack-chip b{font-size:13.5px}.lui-stack-chip[data-kind=fill] b{font-size:15px}.lui-stack-chip small{font-size:11.5px}.lui-stack-chip[data-slot="0"]{bottom:20px;right:0}.lui-stack-chip[data-slot="1"]{top:6px;left:0}.lui-stack-glyph{width:18px;height:25px}.lui-stack[data-spread=pair]{--w:clamp(150px, 40vw, 210px);--stage-h:calc(var(--h) + 72px)}.lui-stack[data-spread=pair] .lui-stack-page[data-depth="1"]{--tx:calc(var(--w) * -.48);--tz:-20px;--rot:-3deg}.lui-stack[data-spread=pair] .lui-stack-page[data-depth="0"]{--tx:calc(var(--w) * .48);--rot:2.5deg}.lui-stack[data-spread=pair] .lui-stack-chip[data-slot=bad]{bottom:14px;left:0}.lui-stack[data-spread=pair] .lui-stack-chip[data-slot=good]{bottom:0;right:0}.lui-stack[data-spread=pair] .lui-stack-chip[data-slot=fill]{display:none}.lui-stack[data-spread=pair] .lui-stack-chip{gap:7px;padding:7px 12px 7px 8px}.lui-stack[data-spread=pair] .lui-stack-chip b{font-size:13px}.lui-stack[data-spread=pair] .lui-stack-chip small{font-size:10.5px}.lui-stack-between{width:38px;height:38px;margin:-19px 0 0 -19px;top:56%}.lui-stack-ring{width:22px;height:22px}}.lui-stack[data-calm=true] .lui-stack-fan{transition:none;transform:none}.lui-stack[data-calm=true] .lui-stack-page{transition:none;animation:none;transform:none}.lui-stack[data-calm=true] .lui-stack-chip,.lui-stack[data-calm=true] .lui-stack-between{animation:none}@media (prefers-reduced-motion:reduce){.lui-stack-fan{transition:none;transform:none}.lui-stack-page{transition:none;animation:none;transform:none}.lui-stack-chip,.lui-stack-between{animation:none}}
