.kstack.svelte-z20ras{--cube-size:clamp(200px, 38vw, 280px);--z-gap:calc(var(--cube-size) * .19);--rotate-x:58deg;--projection:.848;--layer-gap-y:calc(var(--z-gap) * var(--projection));--stack-span:calc((var(--n) - 1) * var(--layer-gap-y));--side-thickness:calc(var(--cube-size) * .13);--chip-gutter:clamp(10px, 2vw, 18px);grid-template-columns:var(--cube-size) minmax(0, auto);column-gap:var(--chip-gutter);width:100%;max-width:600px;font-family:var(--font-mono);justify-content:center;align-items:center;margin:0 auto;display:grid;position:relative}.cube-area.svelte-z20ras{min-width:0;width:var(--cube-size);height:var(--cube-size);padding-right:calc(var(--cube-size) * .02);perspective:1400px;flex:none;position:relative;overflow:visible}.cube.svelte-z20ras{transform-style:preserve-3d;transform:translateY(calc(var(--cube-size) * -.8));opacity:0;place-items:center;display:grid;position:absolute;inset:0}.kstack.svelte-z20ras:not(.phase-drop) .cube:where(.svelte-z20ras){opacity:1;transition:transform .52s cubic-bezier(.22,1.4,.36,1),opacity .28s ease-out;transform:translateY(0)}.stack.svelte-z20ras{width:calc(var(--cube-size) * .7);height:calc(var(--cube-size) * .7);transform-style:preserve-3d;transform:rotateX(var(--rotate-x)) rotateZ(-42deg);position:relative}.layer.svelte-z20ras{transform-style:preserve-3d;transition:transform .54s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateZ(0)}.kstack.phase-dissect.svelte-z20ras .layer:where(.svelte-z20ras),.kstack.phase-cycle.svelte-z20ras .layer:where(.svelte-z20ras){transform:translateZ(calc((var(--i) - var(--center-idx)) * var(--z-gap)));transition-delay:calc(var(--i) * 90ms)}.face.svelte-z20ras{position:absolute}.face.side.svelte-z20ras{backface-visibility:visible}.face.top.svelte-z20ras{border:1.25px dashed color-mix(in srgb, var(--ink) 22%, transparent);background:var(--cream,#faf9f5);width:100%;height:100%;transform:translateZ(calc(var(--side-thickness) * .5));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:0;transition:background .3s,box-shadow .3s,border .3s;top:0;left:0}.face.bottom.svelte-z20ras{background:var(--cream,#faf9f5);width:100%;height:100%;transform:translateZ(calc(var(--side-thickness) * -.5)) rotateX(180deg);top:0;left:0}.face.side.svelte-z20ras{background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 6%, var(--cream,#faf9f5)) 0%, color-mix(in srgb, var(--ink) 14%, var(--cream,#faf9f5)) 100%);transition:background .3s,box-shadow .3s,opacity .3s}.top-glyph.svelte-z20ras{font-family:var(--font-serif,Georgia, serif);font-size:calc(var(--cube-size) * .18);color:var(--shadow);opacity:0;pointer-events:none;place-items:center;line-height:1;transition:opacity .28s;display:grid;position:absolute;inset:0}.face.side-y.svelte-z20ras{width:100%;height:var(--side-thickness);left:0;top:calc(100% - var(--side-thickness) * .5);transform:rotateX(-90deg)}.face.side-y-back.svelte-z20ras{width:100%;height:var(--side-thickness);left:0;top:calc(var(--side-thickness) * -.5);transform:rotateX(90deg)}.face.side-x.svelte-z20ras{width:var(--side-thickness);height:100%;left:calc(100% - var(--side-thickness) * .5);top:0;transform:rotateY(90deg)}.face.side-x-back.svelte-z20ras{width:var(--side-thickness);height:100%;left:calc(var(--side-thickness) * -.5);top:0;transform:rotateY(-90deg)}.layer.is-below.svelte-z20ras .face.top:where(.svelte-z20ras){background:var(--cream,#faf9f5);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);box-shadow:0 6px 14px -8px #0000002e, inset 0 0 0 .5px color-mix(in srgb, var(--ink) 8%, transparent)}.layer.is-below.svelte-z20ras .face.side:where(.svelte-z20ras){background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 5%, var(--cream,#faf9f5)) 0%, color-mix(in srgb, var(--ink) 12%, var(--cream,#faf9f5)) 100%)}.layer.is-above.svelte-z20ras{opacity:calc(1 - var(--above-distance) * .18)}.layer.is-above.svelte-z20ras .face.top:where(.svelte-z20ras){border:1.25px dashed color-mix(in srgb, var(--ink) 22%, transparent);box-shadow:none;background:0 0}.layer.is-above.svelte-z20ras .face.side:where(.svelte-z20ras){opacity:.3;background:0 0}.layer.is-active.svelte-z20ras .face.side:where(.svelte-z20ras){background:linear-gradient(115deg, transparent 28%, #ffffff8c 48%, #ffffff8c 52%, transparent 72%) 200% 0 / 280% 100% no-repeat, linear-gradient(135deg, var(--from) 0%, var(--to) 100%);box-shadow:0 0 22px color-mix(in srgb, var(--shadow) 60%, transparent);animation:2.4s ease-in-out infinite svelte-z20ras-shimmer}.layer.is-active.svelte-z20ras .face.top:where(.svelte-z20ras){background:linear-gradient(135deg, var(--from) 0%, var(--to) 100%);border-color:color-mix(in srgb, var(--shadow) 50%, transparent);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--shadow) 30%, transparent), 0 22px 50px -22px color-mix(in srgb, var(--shadow) 70%, transparent)}.layer.is-active.svelte-z20ras .top-glyph:where(.svelte-z20ras){opacity:.85;color:var(--cream,#faf9f5)}.kstack.phase-cycle.svelte-z20ras .layer.is-active:where(.svelte-z20ras){transform:translateZ(calc((var(--i) - var(--center-idx)) * var(--z-gap) + 8px)) scale(1.014)}@keyframes svelte-z20ras-shimmer{to{background-position:-100% 0,0 0}}.chip-column.svelte-z20ras{height:var(--stack-span);align-self:center;width:16ch;position:relative}.chip.svelte-z20ras{width:100%;left:0;top:calc((var(--n) - 1 - var(--i)) * var(--layer-gap-y));letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);background:var(--surface);border:1px solid var(--line);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:clamp(9px,1.3vw,11px);transition:opacity .22s,transform .22s,color .22s,background .22s,border-color .22s,box-shadow .22s;display:inline-flex;position:absolute;transform:translate(6px,-50%)}.chip.svelte-z20ras:before{content:"";width:var(--chip-gutter);background:repeating-linear-gradient(to right, color-mix(in srgb, var(--ink) 22%, transparent) 0 2px, transparent 2px 6px);opacity:.55;height:1px;transition:opacity .24s,background .24s;position:absolute;top:50%;right:100%;transform:translateY(-.5px)}.kstack.svelte-z20ras:not(.phase-drop) .chip:where(.svelte-z20ras){opacity:1;transition-delay:calc((var(--n) - 1 - var(--i)) * 70ms + .2s);transform:translateY(-50%)}.chip-bullet.svelte-z20ras{opacity:.55;font-size:9px}.chip.is-active.svelte-z20ras{color:var(--fg-on-pink,#fff);background:var(--ink);border-color:var(--shadow);box-shadow:var(--shadow-sm), 0 0 0 2px color-mix(in srgb, var(--shadow) 35%, transparent);transition-delay:0s}.chip.is-active.svelte-z20ras .chip-bullet:where(.svelte-z20ras){color:var(--shadow);opacity:1}.chip.is-active.svelte-z20ras:before{background:repeating-linear-gradient(to right, var(--shadow) 0 4px, transparent 4px 10px);opacity:1;background-size:14px 100%;animation:.7s linear infinite svelte-z20ras-march}@keyframes svelte-z20ras-march{to{background-position:-14px 0}}@media (width<=340px){.kstack.svelte-z20ras{grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;row-gap:16px}.chip-column.svelte-z20ras{flex-direction:column;gap:6px;width:100%;max-width:240px;height:auto;display:flex}.chip.svelte-z20ras{width:100%;position:static;transform:none}.kstack.svelte-z20ras:not(.phase-drop) .chip:where(.svelte-z20ras){transform:none}.chip.svelte-z20ras:before{display:none}}@media (prefers-reduced-motion:reduce){.cube.svelte-z20ras{opacity:1;transition:none;transform:translateY(0)}.layer.svelte-z20ras{transform:translateZ(calc((var(--i) - var(--center-idx)) * var(--z-gap)));transition:none}.chip.svelte-z20ras{opacity:1;transition:none;transform:translateY(-50%)}.layer.is-active.svelte-z20ras .face.side:where(.svelte-z20ras){animation:none}.kstack.phase-cycle.svelte-z20ras .layer.is-active:where(.svelte-z20ras){transform:translateZ(calc((var(--i) - var(--center-idx)) * var(--z-gap)))}.chip.is-active.svelte-z20ras:before{animation:none}}