.shelf{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px calc(var(--sky-control) + 40px);background:radial-gradient(70% 40% at 50% 110%, var(--sky-glow-olo), transparent 70%), radial-gradient(45% 30% at 85% 0%, var(--sky-glow-fuchsia), transparent 70%), radial-gradient(35% 25% at 5% 40%, var(--sky-haze-aqua), transparent 70%), var(--sky-ground);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-content:center;gap:clamp(20px,4vh,40px);display:grid}.shelf-row{align-items:flex-end;gap:12px;width:100%;max-width:1100px;margin:0 auto;padding:0 4px 14px;display:flex;position:relative}.shelf-row:after{content:"";border-radius:var(--sky-round);height:12px;box-shadow:0 0 22px var(--sky-glow-olo), inset 0 1px 0 #fff6;background:linear-gradient(#ffffff38,#ffffff0a);position:absolute;bottom:0;left:0;right:0}.shelf-sign{width:48px;height:48px;color:var(--sky-go);opacity:.85;flex:none;margin-bottom:18px}.shelf-sign svg{width:100%;height:100%}.shelf-sign .shelf-sign-fill{fill:currentColor}.shelf-sign .shelf-sign-line{fill:none;stroke:currentColor;stroke-width:3px}.shelf-sign circle{fill:var(--sky-ground)}.shelf-items{overscroll-behavior-x:contain;scrollbar-width:none;align-items:flex-end;gap:44px;min-height:132px;margin:0;padding:30px 34px 0 30px;list-style:none;display:flex;overflow-x:auto}.shelf-items::-webkit-scrollbar{display:none}.shelf-item{--hold:0;transform:scale(calc(1 - var(--hold) * .5));opacity:calc(1 - var(--hold) * .6);transform-origin:50% 100%;flex:none;padding:0 6px 8px;position:relative}.shelf-thing{width:112px;height:112px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:34px;place-items:center;padding:0;display:grid}.shelf-thing:focus-visible,.shelf-mini:focus-visible,.shelf-share-btn:focus-visible,.show-film:focus-visible,.show-stage:focus-visible,.shelf-screen-btn:focus-visible{outline:3px solid var(--sky-ink);outline-offset:4px}.shelf-pic{width:100%;height:100%;display:block;position:relative}.shelf-pic-canvas,.shelf-pic-rive,.shelf-pic-rive>.w-rive{width:100%;height:100%;display:block;position:absolute;inset:0}.shelf-pic.is-rive .shelf-pic-canvas{visibility:hidden}.shelf-squishy.is-squished .shelf-pic.is-rive{animation:none}.shelf-squishy .shelf-pic{animation:5s ease-in-out infinite shelf-bob}.shelf-item:nth-child(2n) .shelf-pic{animation-delay:-2.1s}.shelf-item:nth-child(3n) .shelf-pic{animation-delay:-3.4s}.shelf-squishy.is-squished .shelf-pic{animation:.5s cubic-bezier(.34,1.56,.64,1) shelf-squish}@keyframes shelf-bob{50%{transform:translateY(-4px)scale(1.01,.99)}}@keyframes shelf-squish{25%{transform:scale(1.22,.74)}60%{transform:scale(.94,1.08)}}.shelf-mini{width:var(--sky-control);height:var(--sky-control);color:var(--sky-ink-muted);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.shelf-mini svg{background:var(--sky-glass);fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:40px;height:40px;padding:6px;box-shadow:inset 0 0 0 1px #ffffff29}.shelf-mini:active svg{transform:scale(var(--sky-press))}.shelf-to-show{color:var(--sky-go);bottom:30px;right:-22px}.shelf-to-show svg{box-shadow:inset 0 0 0 1px #ffffff29, 0 0 16px var(--sky-glow-olo)}.shelf-hold{color:var(--sky-ink-faint);top:-18px;left:-22px}.shelf-hold svg{overflow:visible}.shelf-hold .shelf-hold-ring{stroke:var(--sky-story);stroke-width:3px;opacity:0;transform-origin:16px 16px}.shelf-item[data-holding] .shelf-hold{color:var(--sky-story)}.shelf-item[data-holding] .shelf-hold-ring{opacity:1;transform:scale(calc(1.9 - var(--hold) * 1.4))}.shelf-film{background:var(--sky-glass);width:84px;height:132px;box-shadow:inset 0 0 0 2px #ffffff2e, 0 0 20px var(--sky-glow-fuchsia);border-radius:20px;position:relative;overflow:hidden}.shelf-film video{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%}.shelf-film-play{width:0;height:0;filter:drop-shadow(0 0 8px var(--sky-glow-olo));border:14px solid #0000;border-left:22px solid #ffffffe6;border-right-width:0;margin:auto;position:absolute;inset:0}.shelf-sticker svg{width:84px;height:84px}.shelf-constellation path{fill:none;stroke:#fff6;stroke-width:1.2px}.shelf-constellation .shelf-glow-star{fill:var(--sky-ink);stroke:none;filter:drop-shadow(0 0 6px var(--sky-go))}.shelf-constellation circle{fill:var(--sky-ink);filter:drop-shadow(0 0 4px var(--sky-go))}.shelf-sticker.is-twinkling svg{animation:.9s ease-out shelf-twinkle}@keyframes shelf-twinkle{30%{filter:drop-shadow(0 0 14px var(--sky-story));transform:scale(1.15)rotate(6deg)}}.shelf-ghost{border:2px dashed #ffffff2e;border-radius:24px;width:84px;height:84px;margin-bottom:8px}.shelf-ghost-film{border-radius:20px;height:120px}.shelf-ghost-star{border-radius:50%}.shelf-egg svg{transform-origin:50% 90%;width:84px;height:84px;animation:4s ease-in-out infinite shelf-wobble}.shelf-egg path{fill:var(--sky-story);filter:drop-shadow(0 0 14px var(--sky-glow-fuchsia))}.shelf-egg .shelf-egg-crack{fill:none;stroke:var(--sky-ground);stroke-width:3px;stroke-linejoin:round;filter:none}@keyframes shelf-wobble{0%,70%,to{rotate:none}78%{rotate:-6deg}86%{rotate:5deg}93%{rotate:-2deg}}.shelf-asleep{color:var(--sky-ink-faint);place-items:center;display:grid}.shelf-asleep svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:96px;height:96px}.shelf-asleep .shelf-z{stroke:var(--sky-story)}.shelf-viewer,.show{z-index:40;background:var(--sky-ground);position:fixed;inset:0}.shelf-viewer{padding:max(16px, env(safe-area-inset-top)) 16px calc(var(--sky-control) + 32px);background:radial-gradient(60% 40% at 50% 100%, var(--sky-glow-fuchsia), transparent 70%), var(--sky-ground);grid-template-rows:1fr auto;justify-items:center;gap:16px;display:grid}.shelf-screen{place-items:center;height:100%;min-height:0;display:grid;position:relative}.shelf-screen-btn{aspect-ratio:9/16;background:var(--sky-glass);height:100%;max-height:calc(100dvh - 220px);box-shadow:0 0 0 2px #ffffff29, 0 0 48px var(--sky-glow-olo);cursor:pointer;border:0;border-radius:28px;padding:0;overflow:hidden}.shelf-screen-btn video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.shelf-screen-star{pointer-events:none;width:88px;height:88px;position:absolute;bottom:-12px;right:-36px}.shelf-back,.show-back{left:max(16px, env(safe-area-inset-left));top:max(16px, env(safe-area-inset-top));color:var(--sky-ink);z-index:2;position:fixed}.shelf-share{flex-wrap:wrap;justify-content:center;gap:12px;max-width:520px;display:flex}.shelf-share-btn{width:var(--sky-control);height:var(--sky-control);background:var(--sky-glass);color:var(--sky-ink);box-shadow:inset 0 0 0 1px #fff3, 0 0 18px var(--sky-glow-fuchsia);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:22px;place-items:center;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:grid}.shelf-share-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.shelf-share-btn:active{transform:scale(var(--sky-press))}.shelf-share-coverstar,.shelf-share-tiktok,.shelf-share-sheet{color:var(--sky-go);box-shadow:inset 0 0 0 2px var(--sky-go), 0 0 22px var(--sky-glow-olo)}.shelf-share-wrap.is-glowing .shelf-share{animation:1s ease-out shelf-sent}@keyframes shelf-sent{30%{filter:drop-shadow(0 0 18px var(--sky-go));transform:scale(1.04)}}.show{padding:max(12px, env(safe-area-inset-top)) 16px calc(var(--sky-control) + 40px);place-items:center;display:grid}.show-stage{aspect-ratio:9/16;touch-action:none;cursor:grab;height:min(100%,177.778vw - 56.8889px);max-height:calc(100dvh - 140px);box-shadow:0 0 0 2px #ffffff1f, 0 0 60px var(--sky-glow-fuchsia);border-radius:32px;transition:box-shadow .6s;position:relative;overflow:hidden}.show.is-filming .show-stage{box-shadow:0 0 0 3px var(--sky-go), 0 0 70px var(--sky-glow-olo)}.show-canvas{width:100%;height:100%;display:block}.show-rec{background:var(--kit-pink);width:18px;height:18px;box-shadow:0 0 16px var(--sky-glow-pink);border-radius:50%;animation:1.6s ease-in-out infinite show-pulse;position:absolute;top:18px;right:18px}@keyframes show-pulse{50%{opacity:.45}}.show-film{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--sky-glass);width:88px;height:88px;box-shadow:inset 0 0 0 3px var(--sky-ink), 0 0 30px var(--sky-glow-pink);cursor:pointer;touch-action:manipulation;z-index:2;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;translate:-50%}.show-film svg{width:64px;height:64px}.show-film:active{transform:scale(var(--sky-press))}.show-dot{fill:var(--kit-pink)}.show-stop{fill:var(--sky-ink)}.show-film-cant-film{box-shadow:inset 0 0 0 2px #ffffff40}.show-cam{fill:none;stroke:var(--sky-ink-faint);stroke-width:3px;stroke-linejoin:round}.show-sleep{fill:none;stroke:var(--sky-ink-faint);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.show-z{stroke:var(--sky-story)}.show-film.is-nudged svg{animation:.5s ease-in-out show-no}@keyframes show-no{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.show-film-saving{opacity:.6}@media (min-width:900px){.shelf-thing{width:156px;height:156px}.shelf-film{width:110px;height:180px}.shelf-sticker svg{width:110px;height:110px}.shelf-sign{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.shelf-pic,.shelf-egg svg,.show-rec,.shelf-squishy.is-squished .shelf-pic,.shelf-sticker.is-twinkling svg,.show-film.is-nudged svg,.shelf-share-wrap.is-glowing .shelf-share{animation:none}.shelf-squishy.is-squished .shelf-pic{animation:.4s ease-out shelf-fade}.shelf-item,.shelf-hold-ring{transition:none}}@keyframes shelf-fade{50%{opacity:.6}}.show-rive-host{pointer-events:none;width:512px;height:512px;position:fixed;top:0;left:-10000px}.show-rive-host>.w-rive{width:100%;height:100%;display:block}