:root{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0a16;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0}img,video,canvas{-webkit-user-drag:none}.app{background:radial-gradient(120% 90% at 50% 0,#2a1f45 0%,#0d0a16 70%);place-items:center;display:grid;position:fixed;inset:0}.phone{background:#0d0a16;width:100vw;height:100dvh;position:relative;overflow:hidden}@media (width>=600px){.phone{border-radius:38px;width:calc(min(94dvh,900px)/1.77778);height:min(94dvh,900px);box-shadow:0 30px 80px #0000008c,0 0 0 10px #1b1528,0 0 0 11px #2e2544}}.stage{position:absolute;inset:0}.stage video,.stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage video.packed{opacity:0}.dock{z-index:2;padding:40px 12px calc(18px + env(safe-area-inset-bottom));color:#fff;text-shadow:0 1px 3px #0009;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:linear-gradient(#0000,#00000047);position:absolute;bottom:0;left:0;right:0;container-type:inline-size}.dock button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.tab{flex-direction:column;align-items:center;gap:7px;margin-bottom:12px;display:flex}.tab .name{letter-spacing:.02em;font-size:22px;font-weight:850}.dots{gap:5px;display:flex}.dots i{background:#ffffff73;border-radius:3px;width:6px;height:6px;transition:width .25s;box-shadow:0 1px 3px #0006}.dots i.on{background:linear-gradient(90deg,#ffe066,#ff7eb6);width:18px}.row{--thumb:min(84px, (100cqw - 2 * 46px - 2 * 10px - (var(--n) - 1) * 10px) / var(--n));align-items:flex-start;gap:10px;display:flex}.chevron{width:46px;height:var(--thumb);-webkit-backdrop-filter:blur(14px);filter:drop-shadow(0 1px 2px #0006);background:#ffffff2e;border:1px solid #ffffff59;border-radius:18px;flex:none;place-items:center;display:grid;box-shadow:0 6px 16px #00000040}.chevron:active{transform:scale(.9)}.chevron.press{animation:.35s cubic-bezier(.3,1.8,.5,1) press}@keyframes press{0%{transform:scale(.82,.9)}60%{transform:scale(1.08,1.04)}to{transform:scale(1)}}.cards{flex:1;justify-content:center;gap:10px;min-width:0;display:flex}.card{flex:0 0 var(--thumb);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;font-size:12px;font-weight:700;display:flex}.thumb{width:100%;height:var(--thumb);background:#fff;border-radius:22px;place-items:center;transition:transform .15s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.thumb img{object-fit:contain;pointer-events:none;width:86%;height:86%}.card:not(.photo) .thumb{-webkit-backdrop-filter:blur(14px)saturate(1.6);background:#fff6}.card:not(.photo) .thumb img{filter:url(#unwhite)}.card.photo .thumb img{object-fit:cover;width:100%;height:100%}.card.selected .thumb{box-shadow:0 0 0 3px #ffe066,0 8px 24px #ffc85073}.card:active .thumb{transform:scale(.9)}.thumb.pop{animation:.55s cubic-bezier(.3,1.7,.5,1) pop}@keyframes pop{0%{transform:scale(.8,.86)}35%{transform:scale(1.2,1.12)rotate(-5deg)}65%{transform:scale(.95,.98)rotate(2deg)}to{transform:scale(1)}}.thumb.land{animation:.7s cubic-bezier(.3,1.6,.5,1) land}@keyframes land{0%{filter:brightness();transform:translateY(0)scale(1)}30%{filter:brightness(1.35);transform:translateY(-18px)scale(1.18)rotate(4deg)}60%{filter:brightness(1.1);transform:translateY(2px)scale(.96,1.02)}to{filter:brightness();transform:translateY(0)scale(1)}}.card.pending .thumb:not(.pop){animation:.9s ease-in-out infinite pulse}.card.pending .thumb:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffffd9 50%,#0000 70%);animation:1.1s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #ffe066,0 0 #ff7eb6b3}50%{transform:scale(1.04);box-shadow:0 0 0 3px #ff7eb6,0 0 0 10px #ff7eb600}}@keyframes shine{to{transform:translate(100%)}}.tab.slide-right,.slide-right .card{animation:.38s cubic-bezier(.3,1.4,.5,1) both from-right}.tab.slide-left,.slide-left .card{animation:.38s cubic-bezier(.3,1.4,.5,1) both from-left}@keyframes from-right{0%{opacity:0;transform:translate(40px)scale(.85)}}@keyframes from-left{0%{opacity:0;transform:translate(-40px)scale(.85)}}.flight{z-index:4;object-fit:contain;pointer-events:none;will-change:transform, opacity;filter:url(#unwhite)drop-shadow(0 10px 16px #00000059);position:absolute;top:0;left:0}.fx{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.debug{z-index:6;color:#fff;text-shadow:0 1px 2px #000;font:11px ui-monospace,monospace;position:absolute;top:10px;left:10px;right:10px}.toast{z-index:6;-webkit-backdrop-filter:blur(14px);color:#fff;white-space:nowrap;background:#14101e8c;border:1px solid #ffffff59;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:600;animation:3s both toast;position:absolute;top:16px;left:50%}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.message{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-weight:650;display:flex;position:fixed;inset:0}.message.loading{z-index:20;background:#0d0a16;transition:opacity .4s,visibility .4s;position:absolute}.message.loading.done{opacity:0;visibility:hidden}.progress{background:linear-gradient(#ffe066, #ffe066) no-repeat 0 0 / calc(var(--loaded) * 100%) 100%, #ffffff26;border-radius:2px;width:160px;height:4px;transition:background-size .3s}@media (prefers-reduced-motion:reduce){.card.pending .thumb,.card.pending .thumb:after,.tab,.card{animation:none!important}}