.wordmark,.font-display{font-family:var(--font-headline);letter-spacing:-.01em;font-weight:400}.y2k-page{isolation:isolate;background:radial-gradient(60rem 40rem at 12% -6%, color-mix(in oklch, var(--holo-1) 70%, transparent), transparent 70%), radial-gradient(50rem 36rem at 96% 8%, color-mix(in oklch, var(--holo-3) 55%, transparent), transparent 70%), radial-gradient(56rem 40rem at 80% 52%, color-mix(in oklch, var(--holo-2) 45%, transparent), transparent 70%), radial-gradient(50rem 40rem at 6% 78%, color-mix(in oklch, var(--holo-4) 40%, transparent), transparent 70%), var(--background);position:relative;overflow-x:clip}.y2k-page:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in oklch, var(--primary) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--primary) 9%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(to bottom, var(--foreground) 0%, transparent 40%, transparent 70%, var(--foreground) 100%);mask-image:linear-gradient(to bottom, var(--foreground) 0%, transparent 40%, transparent 70%, var(--foreground) 100%);background-size:28px 28px;position:absolute;inset:0}.chrome-text{color:var(--chrome-deep);background-image:linear-gradient(105deg, transparent 0 38%, color-mix(in oklch, var(--gloss) 85%, transparent) 46%, transparent 54% 100%), linear-gradient(180deg, var(--chrome-deep) 0%, color-mix(in oklch, var(--chrome-deep) 72%, var(--primary)) 30%, color-mix(in oklch, var(--chrome-lo) 45%, var(--primary)) 46%, var(--chrome-hi) 52%, var(--chrome-lo) 60%, var(--chrome-deep) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 var(--chrome-hi)) drop-shadow(0 3px 0 color-mix(in oklch, var(--primary) 45%, transparent));background-position:140% 0,0 0;background-repeat:no-repeat;background-size:250% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}.wordmark.chrome-text{background-image:linear-gradient(105deg, transparent 0 38%, color-mix(in oklch, var(--gloss) 85%, transparent) 46%, transparent 54% 100%), linear-gradient(180deg, var(--chrome-deep) 0%, color-mix(in oklch, var(--chrome-deep) 60%, var(--primary)) 55%, var(--chrome-deep) 100%);filter:drop-shadow(0 1px 0 var(--chrome-hi))}.jelly-text{color:var(--secondary);background-image:linear-gradient(180deg, color-mix(in oklch, var(--secondary) 55%, var(--gloss)) 0%, var(--secondary) 45%, color-mix(in oklch, var(--secondary) 70%, var(--chrome-deep)) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 color-mix(in oklch, var(--secondary) 35%, var(--chrome-deep)));-webkit-background-clip:text;background-clip:text}.chrome-surface{background:linear-gradient(180deg, var(--chrome-hi) 0%, var(--chrome-mid) 45%, var(--chrome-lo) 52%, var(--chrome-mid) 70%, var(--chrome-hi) 100%);box-shadow:inset 0 1px 0 var(--gloss), inset 0 -1px 0 color-mix(in oklch, var(--chrome-deep) 30%, transparent), 0 1px 2px var(--tray-shadow)}.chrome-bar{background:linear-gradient(180deg, color-mix(in oklch, var(--chrome-hi) 92%, transparent) 0%, color-mix(in oklch, var(--chrome-mid) 70%, transparent) 50%, color-mix(in oklch, var(--chrome-hi) 82%, transparent) 100%);-webkit-backdrop-filter:blur(14px)saturate(1.4);border:1px solid color-mix(in oklch, var(--chrome-edge) 80%, transparent);box-shadow:inset 0 1px 0 var(--gloss), inset 0 -2px 0 color-mix(in oklch, var(--chrome-lo) 25%, transparent), 0 10px 30px -12px color-mix(in oklch, var(--chrome-deep) 35%, transparent)}.rail{background:linear-gradient(to bottom, var(--chrome-hi) 0%, var(--chrome-mid) 40%, var(--chrome-lo) 70%, var(--chrome-mid) 100%);box-shadow:0 2px 4px var(--tray-shadow)}.holo{background:linear-gradient(115deg, var(--holo-1) 0%, var(--holo-2) 22%, var(--holo-3) 44%, var(--holo-5) 62%, var(--holo-4) 80%, var(--holo-1) 100%);background-size:220% 100%}.holo-border{background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(115deg, var(--holo-1), var(--holo-2), var(--holo-3), var(--holo-5), var(--holo-4), var(--holo-1)) border-box;border:2px solid #0000}.bubble{isolation:isolate;color:var(--primary-foreground);background:linear-gradient(180deg, color-mix(in oklch, var(--primary) 55%, var(--gloss)) 0%, var(--primary) 50%, color-mix(in oklch, var(--primary) 78%, var(--chrome-deep)) 100%);border:1px solid color-mix(in oklch, var(--primary) 60%, var(--chrome-deep));box-shadow:inset 0 -3px 6px color-mix(in oklch, var(--primary) 50%, var(--chrome-deep)), 0 6px 16px -6px color-mix(in oklch, var(--primary) 80%, transparent);border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;font-weight:700;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out;display:inline-flex;position:relative;overflow:hidden}.bubble:before{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in oklch, var(--gloss) 90%, transparent), color-mix(in oklch, var(--gloss) 10%, transparent));pointer-events:none;border-radius:9999px;height:48%;position:absolute;top:2px;left:10%;right:10%}.bubble:after{content:"";z-index:-1;background:linear-gradient(100deg, transparent, color-mix(in oklch, var(--gloss) 70%, transparent), transparent);pointer-events:none;width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.bubble--pink{color:var(--secondary-foreground);background:linear-gradient(180deg, color-mix(in oklch, var(--secondary) 50%, var(--gloss)) 0%, var(--secondary) 50%, color-mix(in oklch, var(--secondary) 75%, var(--chrome-deep)) 100%);border-color:color-mix(in oklch, var(--secondary) 60%, var(--chrome-deep));box-shadow:inset 0 -3px 6px color-mix(in oklch, var(--secondary) 55%, var(--chrome-deep)), 0 6px 16px -6px color-mix(in oklch, var(--secondary) 80%, transparent)}.bubble--chrome{color:var(--chrome-deep);background:linear-gradient(180deg, var(--chrome-hi) 0%, var(--chrome-mid) 52%, color-mix(in oklch, var(--chrome-mid) 70%, var(--chrome-lo)) 100%);border-color:var(--chrome-edge);box-shadow:inset 0 -3px 6px color-mix(in oklch, var(--chrome-lo) 45%, transparent), 0 4px 12px -6px color-mix(in oklch, var(--chrome-deep) 50%, transparent)}.bubble:disabled{filter:saturate(.3);opacity:.5;cursor:not-allowed}.pixel-badge{font-family:var(--font-accent);letter-spacing:.04em;text-transform:uppercase;color:var(--chrome-deep);border:1px solid var(--chrome-edge);box-shadow:inset 0 1px 0 var(--gloss), 0 1px 2px var(--tray-shadow);border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:10px;line-height:1;display:inline-flex}.web-button{width:88px;height:31px;font-family:var(--font-accent);text-transform:uppercase;border:1px solid var(--chrome-deep);box-shadow:inset 1px 1px 0 var(--gloss), inset -1px -1px 0 var(--chrome-lo);image-rendering:pixelated;flex-shrink:0;align-items:stretch;font-size:8px;line-height:1.05;display:inline-flex;overflow:hidden}.web-button>span{text-align:center;justify-content:center;align-items:center;padding:0 3px;display:flex}.sparkle{pointer-events:none;color:var(--sparkle);filter:drop-shadow(0 0 4px var(--sparkle-glint)) drop-shadow(0 0 1px var(--sparkle-glint));position:absolute}.sparkle--ink{color:var(--sparkle-glint);filter:none}.candy-case{background:linear-gradient(180deg, color-mix(in oklch, var(--gloss) 55%, transparent), transparent 22%), linear-gradient(160deg, color-mix(in oklch, var(--primary) 26%, var(--card)), color-mix(in oklch, var(--holo-2) 30%, var(--card)) 60%, color-mix(in oklch, var(--holo-3) 26%, var(--card)));border:1.5px solid color-mix(in oklch, var(--primary) 40%, var(--chrome-edge));box-shadow:inset 0 2px 0 color-mix(in oklch, var(--gloss) 90%, transparent), inset 0 -6px 18px color-mix(in oklch, var(--primary) 18%, transparent), 0 24px 60px -30px color-mix(in oklch, var(--chrome-deep) 55%, transparent);position:relative}.tray-well{background:color-mix(in oklch, var(--card) 72%, transparent);box-shadow:inset 0 2px 5px color-mix(in oklch, var(--primary) 18%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--primary) 22%, var(--border))}.bin{isolation:isolate;background:linear-gradient(180deg, color-mix(in oklch, var(--bin-tint,var(--primary)) 14%, var(--card)), color-mix(in oklch, var(--bin-tint,var(--primary)) 30%, var(--card)));border:1px solid color-mix(in oklch, var(--bin-tint,var(--primary)) 40%, var(--border));box-shadow:inset 0 -4px 10px color-mix(in oklch, var(--bin-tint,var(--primary)) 22%, transparent), 0 2px 0 color-mix(in oklch, var(--bin-tint,var(--primary)) 25%, var(--border));transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out,border-color .2s ease-out;position:relative;overflow:hidden}.bin:before{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in oklch, var(--gloss) 85%, transparent), transparent);pointer-events:none;border-radius:12px 12px 40% 40%/12px 12px 18px 18px;height:34%;position:absolute;top:4px;left:6px;right:6px}.bin:hover:not(:disabled){border-color:color-mix(in oklch, var(--bin-tint,var(--primary)) 75%, var(--chrome-deep));box-shadow:inset 0 -4px 10px color-mix(in oklch, var(--bin-tint,var(--primary)) 30%, transparent), 0 8px 18px -8px color-mix(in oklch, var(--bin-tint,var(--primary)) 85%, transparent)}.chip-pick{background:color-mix(in oklch, var(--card) 80%, transparent);border:1px solid color-mix(in oklch, var(--primary) 25%, var(--border));transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .15s ease-out}.chip-pick:hover{background:var(--card)}.chip-pick[aria-pressed=true]{background:linear-gradient(180deg, var(--card), color-mix(in oklch, var(--primary) 22%, var(--card)));border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklch, var(--primary) 35%, transparent), inset 0 1px 0 var(--gloss)}.phone{--phone-w:132px;width:var(--phone-w);height:calc(var(--phone-w) * 1.72);flex-shrink:0;position:relative}.phone-shell{background:radial-gradient(120% 60% at 30% 8%, color-mix(in oklch, var(--gloss) 70%, transparent), transparent 55%), linear-gradient(165deg, color-mix(in oklch, var(--primary) 45%, var(--gloss)) 0%, color-mix(in oklch, var(--primary) 70%, transparent) 45%, color-mix(in oklch, var(--primary) 85%, var(--chrome-deep)) 100%);border:2px solid color-mix(in oklch, var(--primary) 55%, var(--chrome-deep));box-shadow:inset 6px 0 12px color-mix(in oklch, var(--gloss) 40%, transparent), inset -8px -10px 18px color-mix(in oklch, var(--chrome-deep) 25%, transparent), 0 30px 40px -24px color-mix(in oklch, var(--chrome-deep) 60%, transparent);border-radius:40% 40% 34% 34%/18% 18% 16% 16%;position:absolute;inset:0}.phone-hinge{border-radius:9999px;height:14px;margin-top:-7px;position:absolute;top:50%;left:-4px;right:-4px}.phone-antenna{border-radius:9999px 9999px 3px 3px;width:10px;height:34px;position:absolute;top:-26px;right:16%}.phone-led{background:var(--led);width:7px;height:7px;box-shadow:0 0 8px var(--led);border-radius:9999px;margin-left:-3.5px;position:absolute;top:9%;left:50%}.phone-lcd{background:linear-gradient(180deg, color-mix(in oklch, var(--gloss) 40%, transparent), transparent 45%), var(--lcd);border:3px solid var(--chrome-mid);height:24%;box-shadow:inset 0 2px 4px color-mix(in oklch, var(--lcd-ink) 35%, transparent), 0 0 0 1px var(--chrome-lo);color:var(--lcd-ink);font-family:var(--font-accent);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1;display:flex;position:absolute;top:16%;left:16%;right:16%}.phone-logo{text-align:center;font-family:var(--font-headline);font-size:15px;position:absolute;bottom:22%;left:0;right:0}.phone-ring{border:4px solid var(--chrome-mid);width:18px;height:18px;box-shadow:inset 0 1px 1px var(--chrome-deep), 0 1px 0 var(--gloss);border-radius:9999px;margin-left:-9px;position:absolute;bottom:-10px;left:50%}.phone{perspective:720px}.phone-half{height:50%;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.34,1.35,.5,1);position:absolute;left:0;right:0}.phone-half--top{top:0}.phone-half--bottom{transition-delay:.11s;bottom:0}.phone--open .phone-half--top{transform:rotateX(-180deg)}.phone--open .phone-half--bottom{transform:rotateX(180deg)}.phone-face{backface-visibility:hidden;position:absolute;inset:0}.phone-face--back{transform:rotateX(180deg)}.phone-shell--top,.phone-shell--inner-top{background-position:0 0;background-size:100% 200%;border-bottom:0;border-radius:40% 40% 0 0/36% 36% 0 0}.phone-shell--bottom,.phone-shell--inner-bottom{background-position:0 100%;background-size:100% 200%;border-top:0;border-radius:0 0 34% 34%/0 0 32% 32%}.phone-shell--inner-top,.phone-shell--inner-bottom{background-image:radial-gradient(120% 60% at 30% 8%, color-mix(in oklch, var(--gloss) 80%, transparent), transparent 55%), linear-gradient(165deg, var(--chrome-hi) 0%, var(--chrome-mid) 55%, color-mix(in oklch, var(--chrome-mid) 60%, var(--chrome-lo)) 100%);border-color:var(--chrome-edge)}.phone-half--top .phone-led{top:18%}.phone-half--top .phone-lcd{height:48%;top:32%}.phone-half--bottom .phone-logo{bottom:44%}.phone-screen{color:var(--lcd-ink);background:linear-gradient(180deg, color-mix(in oklch, var(--gloss) 45%, transparent), transparent 40%), linear-gradient(160deg, var(--holo-1), var(--holo-2) 50%, var(--holo-3));border:3px solid var(--chrome-deep);box-shadow:inset 0 2px 6px color-mix(in oklch, var(--chrome-deep) 40%, transparent);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;inset:16% 11% 12%}.screen-dot{background:radial-gradient(circle at 35% 30%, var(--bead-shine) 0 20%, var(--bead) 45%);width:7px;height:7px;box-shadow:0 0 0 .5px color-mix(in oklch, var(--chrome-deep) 40%, transparent);border-radius:9999px}.screen-link{color:var(--secondary-foreground);background:var(--secondary);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--gloss) 70%, transparent);padding:3px 7px}.phone-keys{grid-template-columns:repeat(3,1fr);gap:3px;display:grid;position:absolute;inset:16% 13% 20%}.phone-key{font-family:var(--font-accent);color:var(--chrome-deep);background:linear-gradient(180deg, var(--gloss), var(--chrome-mid));border:1px solid var(--chrome-edge);border-radius:9999px;justify-content:center;align-items:center;font-size:8px;line-height:1;display:flex}.phone-key--ok{color:var(--secondary-foreground);background:linear-gradient(180deg, color-mix(in oklch, var(--secondary) 50%, var(--gloss)), var(--secondary));border-color:color-mix(in oklch, var(--secondary) 60%, var(--chrome-deep));grid-column:1/-1}.tap-hint--phone:after{border-right:0;border-bottom:1px solid var(--chrome-edge);border-left:1px solid var(--chrome-edge);margin-bottom:-4.5px;margin-left:-5px;bottom:50%;left:0}.bead{width:var(--bead-size,28px);height:var(--bead-size,28px);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.bead-sm .bead,.bead.bead-sm{--bead-size:20px}.bead-md .bead{--bead-size:24px}.bead--round,.bead--pearl{background:radial-gradient(circle at 33% 26%, var(--bead-shine) 0 10%, transparent 24%), radial-gradient(circle at 50% 60%, color-mix(in oklch, var(--bead) 65%, var(--bead-shine)) 0%, var(--bead) 50%, color-mix(in oklch, var(--bead) 72%, var(--bead-letter-ink)) 100%);box-shadow:inset 0 -2px 3px color-mix(in oklch, var(--bead) 60%, var(--bead-letter-ink)), 0 2px 3px var(--tray-shadow);border-radius:9999px}.bead--pearl{background:radial-gradient(circle at 34% 28%, var(--bead-shine) 0 14%, transparent 28%), conic-gradient(from 200deg, var(--holo-1), var(--holo-2), var(--holo-3), var(--holo-5), var(--holo-1)), var(--bead-pearl);background-blend-mode:normal, soft-light, normal;box-shadow:inset 0 -2px 4px color-mix(in oklch, var(--holo-2) 80%, var(--chrome-lo)), 0 2px 3px var(--tray-shadow)}.bead--clear{background:radial-gradient(circle at 32% 26%, var(--bead-shine) 0 11%, transparent 24%), radial-gradient(circle at 60% 70%, color-mix(in oklch, var(--bead-sky) 70%, transparent), var(--bead-clear) 70%);border:1px solid color-mix(in oklch, var(--bead-sky) 75%, transparent);box-shadow:inset 0 0 6px color-mix(in oklch, var(--bead-shine) 60%, transparent);border-radius:9999px}.bead--letter{width:calc(var(--bead-size,28px) - 2px);height:calc(var(--bead-size,28px) - 2px);background:linear-gradient(180deg, var(--chrome-hi) 0%, var(--chrome-mid) 55%, color-mix(in oklch, var(--chrome-mid) 70%, var(--chrome-lo)) 100%);color:var(--bead-letter-ink);border:1px solid var(--chrome-edge);font-family:var(--font-accent);font-weight:700;font-size:calc(var(--bead-size,28px) * .46);box-shadow:inset 0 1px 0 var(--gloss), inset 0 -2px 0 color-mix(in oklch, var(--chrome-lo) 45%, transparent), 0 2px 3px var(--tray-shadow);border-radius:30%;line-height:1}.bead svg{width:100%;height:100%;filter:drop-shadow(0 1.5px 1.5px var(--tray-shadow));overflow:visible}.cord{background:var(--cord);flex-shrink:0;display:block}.cord--v{width:2px}.cord--h{height:2px}.cord--chain.cord--v{background:repeating-linear-gradient(to bottom, var(--chrome-hi) 0 1px, var(--cord) 1px 4px, transparent 4px 6px);width:4px}.cord--chain.cord--h{background:repeating-linear-gradient(to right, var(--chrome-hi) 0 1px, var(--cord) 1px 4px, transparent 4px 6px);height:4px}.strap-ring{border:3px solid var(--chrome-mid);width:22px;height:22px;box-shadow:inset 0 1px 1px var(--chrome-lo), 0 1px 0 var(--gloss);border-radius:9999px;flex-shrink:0;display:block}.strap-knot{background:var(--cord);border-radius:9999px;flex-shrink:0;width:8px;height:8px;display:block}.foil-strip{border-radius:9999px;height:10px}.stage-bead--lit{box-shadow:0 0 0 4px color-mix(in oklch, var(--secondary) 25%, transparent), 0 0 16px color-mix(in oklch, var(--secondary) 70%, transparent)}.ticker{width:max-content;display:flex}@media (prefers-reduced-motion:no-preference){.chrome-text{animation:6s ease-in-out .6s infinite chrome-shine}.bubble:hover:after{animation:.7s ease-out shine-sweep}.bubble:hover:not(:disabled){transform:translateY(-2px)scale(1.03)}.bubble:active:not(:disabled),.chip-pick:active,.bin:active:not(:disabled){transition-duration:80ms;transform:scale(.94)}.bin:hover:not(:disabled){transform:translateY(-3px)}.bin:hover:not(:disabled) .compartment-pile{animation:.52s cubic-bezier(.34,1.56,.64,1) pile-bounce}.holo--move{animation:9s linear infinite holo-drift}.twinkle{animation:2.8s ease-in-out infinite twinkle;animation-delay:var(--delay,0s)}.float-y{animation:5s ease-in-out infinite float-y}.phone-led{animation:1.6s steps(2,jump-none) infinite led-blink}.bead-drop{animation:.52s cubic-bezier(.34,1.56,.64,1) both bead-drop}.bead-drop-x{animation:.52s cubic-bezier(.34,1.56,.64,1) both bead-drop-x}.hang:hover .hang-strap,.hang:focus-visible .hang-strap{animation:.9s ease-in-out hang-sway}.hang:hover .hang-tag{translate:0 -3px;rotate:none}.ticker{animation:38s linear infinite ticker}.pop-in{animation:.6s cubic-bezier(.34,1.56,.64,1) both pop-in}}.hang-tag{transition:rotate .32s cubic-bezier(.34,1.56,.64,1),translate .32s cubic-bezier(.34,1.56,.64,1)}@keyframes chrome-shine{0%,55%{background-position:140% 0,0 0}85%,to{background-position:-40% 0,0 0}}@keyframes shine-sweep{0%{left:-60%}to{left:130%}}@keyframes holo-drift{0%{background-position:0 0}to{background-position:220% 0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes float-y{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(-2deg)}}@keyframes led-blink{0%{opacity:1}to{opacity:.25}}@keyframes pile-bounce{0%{transform:translateY(0)}40%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes bead-drop{0%{opacity:0;transform:translateY(-32px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bead-drop-x{0%{opacity:0;transform:translate(32px)scale(.4)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes hang-sway{0%{transform:rotate(0)}30%{transform:rotate(3deg)}65%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.pixel-badge--plain{text-transform:none;font-family:var(--font-body);font-size:11px;font-weight:600}.pixel-badge--lcd{background:var(--lcd);color:var(--lcd-ink);border-color:color-mix(in oklch, var(--lcd-ink) 30%, transparent);box-shadow:inset 0 1px 3px color-mix(in oklch, var(--lcd-ink) 25%, transparent)}.dark .chrome-text:not(.wordmark){background-image:linear-gradient(105deg, transparent 0 38%, color-mix(in oklch, var(--gloss) 85%, transparent) 46%, transparent 54% 100%), linear-gradient(180deg, var(--chrome-hi) 0%, var(--chrome-mid) 42%, color-mix(in oklch, var(--chrome-lo) 50%, var(--primary)) 52%, var(--chrome-hi) 64%, var(--chrome-mid) 100%);filter:drop-shadow(0 3px 0 color-mix(in oklch, var(--primary) 40%, transparent))}.dark footer .wordmark.chrome-text{background-image:linear-gradient(180deg, var(--chrome-hi), var(--chrome-mid))}.dark .bin:before{opacity:.35}.orb{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:9999px;width:64px;height:64px}.orb-bob{rotate:var(--orb-tilt,0deg);transition:scale .26s cubic-bezier(.34,1.56,.64,1);display:block;position:absolute;inset:0}.orb-shell{background:radial-gradient(circle at 30% 24%, var(--gloss) 0 7%, transparent 15%), radial-gradient(circle at 70% 80%, color-mix(in oklch, var(--gloss) 70%, transparent) 0 4%, transparent 9%), radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--orb-tint) 8%, transparent) 0 52%, color-mix(in oklch, var(--orb-tint) 32%, transparent) 78%, color-mix(in oklch, var(--orb-tint) 55%, var(--gloss)) 100%);border:1px solid color-mix(in oklch, var(--gloss) 75%, transparent);box-shadow:inset 0 -6px 12px color-mix(in oklch, var(--orb-tint) 30%, transparent), 0 10px 22px -12px color-mix(in oklch, var(--orb-tint) 85%, var(--chrome-deep));-webkit-backdrop-filter:blur(2px)saturate(1.3);backdrop-filter:blur(2px)saturate(1.3);border-radius:9999px;position:absolute;inset:0}.orb-shell:before{content:"";border-radius:inherit;background:conic-gradient(from 210deg, var(--holo-1), var(--holo-2), var(--holo-3), var(--holo-5), var(--holo-4), var(--holo-1));-webkit-mask:radial-gradient(circle, transparent 60%, var(--gloss) 72%);-webkit-mask:radial-gradient(circle, transparent 60%, var(--gloss) 72%);mask:radial-gradient(circle, transparent 60%, var(--gloss) 72%);opacity:.75;position:absolute;inset:-1px}.orb-bead{--bead-size:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orb-ring{border:2px solid var(--orb-tint);box-shadow:0 0 12px var(--orb-tint);pointer-events:none;border-radius:9999px;position:absolute;inset:0}.pop-word{z-index:2;pointer-events:none;font-family:var(--font-headline);color:var(--secondary);-webkit-text-stroke:3px var(--card);paint-order:stroke fill;filter:drop-shadow(0 2px 0 color-mix(in oklch, var(--secondary) 45%, var(--chrome-deep)));opacity:0;font-size:18px;line-height:1;position:absolute;top:-8px;left:50%}.orb:hover .orb-shell{border-color:var(--gloss)}.tap-hint{box-shadow:0 6px 14px -6px color-mix(in oklch, var(--accent) 80%, var(--chrome-deep)), inset 0 1px 0 var(--gloss)}.tap-hint:after{content:"";background:inherit;border-right:1px solid var(--chrome-edge);border-bottom:1px solid var(--chrome-edge);width:9px;height:9px;margin-left:-4.5px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.charm-grab{cursor:grab;touch-action:none;will-change:transform;padding:0 14px 10px}.charm-grab:active{cursor:grabbing}.stage-chip{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.stage-chip:hover{transform:translateY(-2px)}.stage-chip:active{transform:scale(.94)}.burst-ring{background:conic-gradient(from 0deg, var(--holo-1), var(--holo-2), var(--holo-3), var(--holo-5), var(--holo-4), var(--holo-1));width:36px;height:36px;-webkit-mask:radial-gradient(circle, transparent 60%, var(--gloss) 66%);-webkit-mask:radial-gradient(circle, transparent 60%, var(--gloss) 66%);mask:radial-gradient(circle, transparent 60%, var(--gloss) 66%);opacity:0;border-radius:9999px;position:absolute;top:-18px;left:-18px}.burst-ring--big{width:80px;height:80px;top:-40px;left:-40px}.burst-spark{color:var(--sparkle);filter:drop-shadow(0 0 3px var(--sparkle-glint)) drop-shadow(0 0 1px var(--chrome-lo));opacity:0;position:absolute;top:-6px;left:-6px}.burst-spark.sparkle--ink{color:var(--sparkle-glint);filter:none}.trail-spark{pointer-events:none;color:var(--sparkle-glint);filter:drop-shadow(0 0 3px var(--sparkle));position:absolute}.lcd-flash{font-weight:700}@media (prefers-reduced-motion:no-preference){.orb-bob{animation:4.2s ease-in-out infinite orb-bob;animation-delay:var(--bob-delay,0s)}.orb:hover .orb-bob{scale:1.08}.tap-hint{animation:1.4s cubic-bezier(.34,1.56,.64,1) infinite hint-hop}.burst-ring{animation:.62s ease-out both burst-ring}.burst-spark{animation:.76s cubic-bezier(.2,.8,.3,1) both burst-spark}.lcd-flash{animation:1.1s step-end both lcd-flash}.phone-led--ring{animation:.16s steps(2,jump-none) infinite led-blink}.dice-roll{animation:.38s linear infinite dice-roll}}@keyframes orb-bob{0%,to{translate:0}50%{translate:0 -9px}}@keyframes hint-hop{0%,60%,to{translate:0}30%{translate:0 -5px}}@keyframes burst-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}@keyframes burst-spark{0%{opacity:1;transform:translate(0)scale(.2)rotate(0)}55%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(90deg);opacity:0}}@keyframes lcd-flash{0%,40%,80%{opacity:1}20%,60%{opacity:.25}}@keyframes dice-roll{to{rotate:360deg}}@media (max-width:639px){.orb{width:56px;height:56px}.orb-bead{--bead-size:24px}}@media (min-width:1024px){.stage-pin{position:sticky;top:5.25rem}}.step-num{width:2.6rem;height:2.6rem;color:var(--primary-foreground);background:radial-gradient(circle at 34% 26%, var(--gloss) 0 14%, transparent 34%), radial-gradient(circle at 50% 120%, color-mix(in oklch, var(--primary) 55%, var(--gloss)), var(--primary) 70%);box-shadow:inset 0 -3px 6px color-mix(in oklch, var(--primary) 70%, var(--foreground)), 0 4px 10px -4px color-mix(in oklch, var(--primary) 60%, transparent);border-radius:9999px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.step-rail{background:color-mix(in oklch, var(--card) 70%, transparent);border:1px solid var(--chrome-edge);box-shadow:inset 0 1px 0 var(--gloss), 0 8px 20px -14px var(--chrome-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;gap:.35rem;padding:.35rem;display:flex}.step-pill{height:2.5rem;color:var(--muted-foreground);border-radius:9999px;align-items:center;gap:.45rem;padding:0 .85rem;font-size:13px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.step-pill:hover{background:color-mix(in oklch, var(--chrome-hi) 70%, transparent)}.step-pill--done{color:var(--chrome-deep)}.step-pill--now{color:var(--primary-foreground);background:linear-gradient(to bottom, color-mix(in oklch, var(--gloss) 60%, transparent), transparent 55%), var(--primary);box-shadow:inset 0 -2px 4px color-mix(in oklch, var(--primary) 60%, var(--foreground))}.step-pill--now:hover{background:linear-gradient(to bottom, color-mix(in oklch, var(--gloss) 60%, transparent), transparent 55%), var(--primary)}@media (max-width:639px){.step-pill{padding:0 .6rem;font-size:12px}.step-pill:not(.step-pill--now) .truncate{display:none}.step-rail li:has(.step-pill:not(.step-pill--now)){flex:none}}.bin{position:relative}.bin-price{color:var(--foreground);opacity:0;font-size:8px;transition:opacity .15s,transform .15s;position:absolute;top:.45rem;right:.55rem;transform:translateY(2px)}.bin:hover .bin-price,.bin:focus-visible .bin-price{opacity:.8;transform:none}.price-sticker{font-family:var(--font-headline);color:var(--chrome-deep);border:1.5px solid var(--gloss);box-shadow:0 6px 16px -8px var(--chrome-deep), inset 0 1px 0 var(--gloss);border-radius:1rem 1rem 1rem .35rem;flex-direction:column;align-items:flex-start;gap:2px;padding:.45rem .8rem .5rem;font-size:18px;line-height:1;display:inline-flex;rotate:-4deg}.order-btn{gap:.6rem}.stage-bead--on{animation:.6s cubic-bezier(.34,1.56,.64,1) stage-on}.receipt-slot{margin-top:-14px;padding-top:14px;overflow:hidden}.receipt-slot:before{content:"";z-index:2;background:linear-gradient(to bottom, var(--chrome-lo), var(--chrome-deep));height:10px;box-shadow:inset 0 1px 0 var(--chrome-mid);border-radius:9999px;position:absolute;top:6px;left:-10px;right:-10px}.receipt{background:var(--receipt);color:var(--receipt-ink);letter-spacing:.02em;padding:1.4rem 1.25rem 1.6rem;font-size:11px;animation:1.8s steps(18,end) both receipt-feed;position:relative}.receipt:after{content:"";background:conic-gradient(from 135deg at 50% 0, var(--receipt) 90deg, transparent 0) 0 0 / 16px 8px repeat-x;height:8px;position:absolute;bottom:-8px;left:0;right:0}.receipt-slot{padding-bottom:14px}.tryon-scrim{background:color-mix(in oklch, var(--overlay-scrim) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.2s ease-out both tryon-fade}.tryon-frame{background:linear-gradient(to bottom, color-mix(in oklch, var(--gloss) 55%, transparent), transparent 22%), color-mix(in oklch, var(--primary) 78%, var(--gloss));border:1.5px solid color-mix(in oklch, var(--gloss) 70%, transparent);box-shadow:inset 0 -8px 18px color-mix(in oklch, var(--primary) 60%, var(--foreground)), 0 40px 80px -30px var(--overlay-scrim);border-radius:2.4rem;animation:.42s cubic-bezier(.34,1.56,.64,1) both tryon-pop}.tryon-view{background:var(--chrome-deep);height:min(560px,100svh - 11rem);box-shadow:inset 0 0 0 3px var(--chrome-mid), inset 0 4px 14px var(--overlay-scrim)}.tryon-charm{padding-top:.5rem;translate:-50%}@media (prefers-reduced-motion:no-preference){.tryon-charm{animation:2.6s ease-in-out infinite tryon-swing}}.tryon-photo{animation:.42s cubic-bezier(.34,1.56,.64,1) both tryon-pop}.tryon-hint{background:color-mix(in oklch, var(--card) 80%, transparent);color:var(--foreground);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tryon-flash{background:var(--gloss);animation:.38s ease-out both tryon-flash}.tryon-rec{background:color-mix(in oklch, var(--lcd-ink) 40%, transparent);border-radius:9999px;width:7px;height:7px}.tryon-rec--on{background:var(--led);animation:1.2s ease-in-out infinite twinkle}.tryon-shutter{width:4.4rem;height:4.4rem;color:var(--secondary-foreground);background:radial-gradient(circle at 36% 26%, var(--gloss) 0 12%, transparent 36%), radial-gradient(circle at 50% 110%, color-mix(in oklch, var(--secondary) 55%, var(--gloss)), var(--secondary) 70%);border:4px solid var(--chrome-hi);box-shadow:0 0 0 3px var(--chrome-lo), inset 0 -4px 8px color-mix(in oklch, var(--secondary) 60%, var(--foreground)), 0 10px 20px -8px var(--chrome-deep);border-radius:9999px;place-items:center;transition:scale .15s;display:grid}.tryon-shutter:active{scale:.9}@keyframes tryon-swing{0%,to{rotate:-7deg}50%{rotate:7deg}}@keyframes tryon-pop{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes tryon-fade{0%{opacity:0}}@keyframes tryon-flash{0%{opacity:.95}to{opacity:0}}.receipt-stamp{border:2px solid var(--gloss);text-transform:uppercase;color:var(--chrome-deep);box-shadow:0 6px 14px -8px var(--chrome-deep);border-radius:9999px;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:12px;animation:.5s cubic-bezier(.34,1.56,.64,1) 1.7s both stamp-in;display:inline-flex;position:absolute;top:3.2rem;right:1rem;rotate:10deg}@keyframes stamp-in{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}.receipt-no{font-family:var(--font-headline);letter-spacing:.04em}.receipt-lines li+li{border-top:1px dotted color-mix(in oklch, var(--receipt-ink) 25%, transparent);padding-top:.25rem}.receipt-total{border-top:2px dashed color-mix(in oklch, var(--receipt-ink) 60%, transparent)}.receipt-strap{background:color-mix(in oklch, var(--receipt-ink) 5%, transparent);border-radius:.75rem;padding:.6rem 0;overflow-x:auto}.barcode{background:repeating-linear-gradient(90deg, var(--receipt-ink) 0 2px, transparent 2px 4px, var(--receipt-ink) 4px 5px, transparent 5px 8px, var(--receipt-ink) 8px 11px, transparent 11px 12px, var(--receipt-ink) 12px 13px, transparent 13px 16px);height:34px}@keyframes receipt-feed{0%{transform:translateY(-100%)}to{transform:none}}@keyframes stage-on{0%{transform:scale(.6)}60%{transform:scale(1.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.price-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) price-pop}}@keyframes price-pop{0%{scale:.8}55%{scale:1.12}to{scale:1}}@media (prefers-reduced-motion:reduce){.receipt{animation:none}}