:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050507;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{background:#050507;overflow:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{min-height:100dvh;position:relative;overflow:hidden}.top-bar{z-index:20;padding:calc(env(safe-area-inset-top) + 1rem) clamp(1rem, 4vw, 2rem) 1rem;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.brand,.top-actions{pointer-events:auto}.brand{cursor:pointer;letter-spacing:-.06em;text-shadow:0 2px 24px #0000008c;background:0 0;border:0;align-items:center;gap:.55rem;padding:0;font-size:clamp(1.2rem,3vw,1.75rem);font-weight:900;line-height:1;display:inline-flex}.brand:focus-visible{outline-offset:4px;border-radius:1rem;outline:2px solid #fff}.logo-shake{animation:.52s cubic-bezier(.36,.07,.19,.97) logo-shake}@keyframes logo-shake{10%,90%{transform:translate(-1px)rotate(-1deg)}20%,80%{transform:translate(2px)rotate(2deg)}30%,50%,70%{transform:translate(-3px)rotate(-2deg)}40%,60%{transform:translate(3px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.logo-shake,.loading-logo,.emoji-pop{animation:none}.loading-screen,.media-bg,.media-fg{transition:none}}.brand-logo{border-radius:.85rem;width:clamp(2rem,5vw,2.65rem);height:clamp(2rem,5vw,2.65rem);box-shadow:0 10px 28px #0000003d}.brand span{transform:translateY(-.02em)}.top-actions{align-items:center;gap:.5rem;display:inline-flex}.icon-button,.close-button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#05050770;border:1px solid #ffffff2e}.icon-button{border-radius:999rem;place-items:center;width:2.45rem;min-height:2.45rem;padding:0;line-height:1;display:grid}.icon-button svg,.close-button svg{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;width:1.12rem;height:1.12rem}.icon-button:focus-visible,.close-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;height:100dvh;overflow-y:auto}.reel,.media-stage,.media-fg{width:100dvw;height:100dvh}.feed::-webkit-scrollbar{width:0;height:0}.reel{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;background:#09090d;place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.reel:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(#00000085,#0000 24% 76%,#00000052),radial-gradient(circle,#0000 52%,#0000001f);position:absolute;inset:0}.media-stage{background:#09090d;place-items:center;display:grid;position:relative;overflow:hidden}.media-bg,.media-fg,.status-card{border:0;display:block}.media-bg{z-index:0;object-fit:cover;object-position:center center;pointer-events:none;filter:blur(30px)saturate(1.12)brightness(.68);opacity:0;width:110dvw;height:110dvh;transition:opacity .38s,transform .8s;position:absolute;inset:-5dvh -5dvw;transform:scale(1.08)}.media-bg.loaded{opacity:.92;transform:scale(1.12)}.media-fg{z-index:2;object-fit:contain;object-position:center center;opacity:0;max-width:100dvw;max-height:100dvh;transition:opacity .38s,transform .8s;position:relative;transform:scale(.995)}.media-fg.loaded{opacity:1;transform:scale(1)}video.media-fg{cursor:pointer}.loading-screen{opacity:1;background:radial-gradient(circle at 30% 20%,#ffa4cd4d,#0000 20rem),radial-gradient(circle at 72% 78%,#bdf7e83d,#0000 22rem),linear-gradient(145deg,#171320,#0d1019 62%,#09090f);align-content:center;place-items:center;gap:1rem;transition:opacity .36s,visibility .36s;display:grid;inset:0;overflow:hidden}.loading-logo{z-index:2;filter:drop-shadow(0 24px 42px #00000061);width:clamp(5rem,18vw,8rem);height:clamp(5rem,18vw,8rem);animation:1.8s ease-in-out infinite logo-breathe;display:block;position:relative}.loading-screen strong{z-index:2;letter-spacing:-.08em;font-size:clamp(2.35rem,8vw,4.6rem);font-weight:950;line-height:.9;position:relative}.loading-screen p{z-index:2;color:#ffffffc7;text-align:center;margin:0;font-weight:750;position:relative}.media-loader,.feed-loader{z-index:3;pointer-events:none;position:absolute}.media-stage.media-ready .media-loader{visibility:hidden;opacity:0}.status-card{z-index:2;background:radial-gradient(circle at 30% 20%,#ffb7038c,#0000 18rem),radial-gradient(circle at 70% 75%,#fb718573,#0000 20rem),linear-gradient(145deg,#1f2a44,#141827 55%,#09090f);align-content:center;place-items:center;gap:1rem;width:100%;height:100%;display:grid;position:relative}.status-card span{filter:drop-shadow(0 20px 40px #0000006b);font-size:clamp(5rem,22vw,14rem)}.status-card strong{letter-spacing:-.05em;text-align:center;font-size:clamp(1.25rem,5vw,3rem)}.status-card p{color:#fffc;text-align:center;max-width:18rem;margin:-.35rem 0 0;font-weight:750}.status-retry{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #fff3;border-radius:999rem;min-height:2.75rem;padding:0 1.2rem;font-weight:850}.status-retry:focus-visible{outline-offset:3px;outline:2px solid #fff}.loading-overlay{z-index:30;position:fixed}.loading-overlay.hidden{visibility:hidden;opacity:0;pointer-events:none}.emoji-stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.emoji-pop{width:calc(var(--emoji-size) * 1.38);height:calc(var(--emoji-size) * 1.38);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:var(--emoji-size);background:#ffffff1f;border:1px solid #fff3;border-radius:999rem;place-items:center;animation:1.55s ease-out forwards emoji-pop;display:grid;position:absolute;box-shadow:0 18px 50px #00000038}@keyframes emoji-pop{0%{opacity:0;transform:translate3d(-50%, 18px, 0) scale(.55) rotate(var(--emoji-rotate))}18%{opacity:1}to{opacity:0;transform:translate3d(-50%, -60px, 0) scale(1.05) rotate(var(--emoji-rotate))}}@keyframes logo-breathe{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.045)rotate(2deg)}}.info-panel{color:#fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 18% 0,#ffa4cd3d,#0000 12rem),radial-gradient(circle at 100% 18%,#bdf7e829,#0000 11rem),#0f0f16f0;border:1px solid #ffffff29;border-radius:1.5rem;width:min(100vw - 2rem,28rem);padding:1.35rem;box-shadow:0 30px 90px #0000008c}.info-panel::backdrop{background:#00000085}.info-header{text-align:center;place-items:center;gap:.55rem;margin:.2rem 2.5rem 1rem;display:grid}.info-logo-button{cursor:pointer;background:0 0;border:0;border-radius:1.45rem;padding:0}.info-logo-button:focus-visible{outline-offset:4px;outline:2px solid #fff}.info-logo{will-change:transform;border-radius:1.45rem;width:clamp(4rem,18vw,5.6rem);height:clamp(4rem,18vw,5.6rem);display:block;box-shadow:0 18px 52px #00000052}.info-panel h1{color:#fff;letter-spacing:-.07em;margin:0;font-size:2rem}.info-tagline{color:#ffffffb8;text-wrap:balance;max-width:16rem;margin:0;font-size:.96rem;font-weight:750;line-height:1.35}.info-panel p{color:#ffffffd1;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;margin:.85rem 0 0;line-height:1.55}.info-link{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999rem;justify-content:center;align-items:center;width:100%;min-height:2.9rem;margin-top:1.15rem;font-weight:850;display:inline-flex}.info-link:hover{background:#ffffff29}.info-link:focus-visible{outline-offset:3px;outline:2px solid #fff}.close-button{border-radius:50%;place-items:center;width:2rem;height:2rem;padding:0;line-height:1;display:grid;position:absolute;top:.9rem;right:.9rem}@media (width<=540px){.top-bar{padding-inline:.85rem}.brand{gap:.42rem}.brand-logo{border-radius:.72rem;width:2.1rem;height:2.1rem}.icon-button{width:2.25rem;min-height:2.25rem}.info-panel{width:min(100vw - 1rem,28rem);padding:1.15rem}.info-header{margin-inline:2rem}.info-logo{border-radius:1.2rem;width:4.25rem;height:4.25rem}.info-logo-button{border-radius:1.2rem}.info-panel h1{font-size:1.7rem}}
