*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background-color:#000;font-family:ui-rounded,".SF NS Rounded",-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.appMain{flex:1;display:flex;flex-direction:column}.appContent{flex:1;display:flex}.publicProfilePage{min-height:100vh;background:#000;color:#fff;width:100%;flex:1}.downloadAppBarInline{display:none}.mobileContainer{max-width:600px;margin:0 auto;padding-bottom:0}.siteHeader{position:sticky;top:0;z-index:100;height:56px;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}.siteHeaderInner{height:100%;max-width:1300px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.siteHeaderBrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;font-size:18px}.siteHeaderLogo{width:25px;height:25px}.siteHeaderNav{display:flex;gap:18px}.siteHeaderNav a{color:#fff;text-decoration:none;font-size:14px;opacity:.9}.siteHeaderNav a:hover{opacity:1}@media(min-width:1200px)and (min-height:720px){.mobileContainer{max-width:none;margin:0;padding-bottom:0}.downloadAppBarInline{display:flex;width:420px;justify-content:center}.downloadAppBarFixed{display:none!important}.desktopShell{height:auto;display:grid;grid-template-columns:520px 1fr;gap:60px;width:100%;max-width:1300px;margin:0 auto;padding:0 48px;box-sizing:border-box;align-items:start}.leftColumn{position:sticky;top:56px;height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.leftCard{width:420px;max-width:100%}.rightColumn{-webkit-overflow-scrolling:touch;height:auto;overflow:visible;padding-right:0}.rightColumnInner{padding-top:0;padding-bottom:40px}}@media(min-width:1200px){.siteHeaderInner{padding:0 48px}.siteHeaderBrand{font-size:28px}.siteHeaderLogo{width:35px;height:35px}}.errorPage{flex:1;width:100%;color:#fff;display:flex;align-items:center;justify-content:center;padding:48px 20px;box-sizing:border-box}.errorShell{width:100%;max-width:640px;text-align:center;display:flex;flex-direction:column;gap:14px}.errorTitle{font-size:28px;font-weight:800}.errorBody{font-size:16px;opacity:.9;line-height:1.4}.errorButton{margin:10px auto 0;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;color:#000;background:#fff;border:none;font-weight:700;cursor:pointer;width:fit-content}.notFoundPage{flex:1;width:100%;color:#fff;display:flex;align-items:center;justify-content:center;padding:48px 20px;box-sizing:border-box}.notFoundShell{width:100%;max-width:640px;text-align:center;display:flex;flex-direction:column;gap:14px}.notFoundCode{font-size:72px;font-weight:900;letter-spacing:2px}.notFoundTitle{font-size:28px;font-weight:800}.notFoundBody{font-size:16px;opacity:.9;line-height:1.4}.notFoundButton{margin:10px auto 0;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;color:#000;background:#fff;text-decoration:none;font-weight:700;width:fit-content}.loadingPage{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:14px}.loadingSpinner{width:50px;height:50px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.siteFooter{width:100%;background:#111;padding:13px 0;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.siteFooterInner{margin:0 auto;padding:0 8px;box-sizing:border-box;text-align:center;color:#ffffff59;font-size:12px}.siteFooterLine1{font-weight:600;margin-bottom:6px;color:#fff9}.siteFooterLine2{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;color:#ffffff8c}.siteFooterLink{color:#fffc;text-decoration:none}.siteFooterLink:hover{color:#ffffffd9}.siteFooterDivider{color:#ffffff59}@media(min-width:1200px){.siteFooterInner{padding:0 48px}.siteFooter{padding-bottom:13px}}.landingPage{color:#fff;flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.landingPageMobile{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px 40px;box-sizing:border-box;width:100%}.landingPageDesktop{display:none}.landingPageQr{filter:none!important;mix-blend-mode:normal;isolation:isolate}.landingPageRightTitle{font-size:44px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;text-align:center;padding-top:30px;padding-bottom:10px}.landingPageRightRow{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;max-width:450px}.landingPageQr{width:130px;height:130px;object-fit:contain;background:#fff;padding:1px;border-radius:10px}.landingPageAppStoreLink{display:inline-flex;align-items:center}.landingPageMobile .landingCarousel{width:100%;max-width:450px}@media(min-width:900px){.landingPageMobile{display:none}.landingPageDesktop{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%}.landingPageDesktopShell{max-width:900px;margin:0 auto;padding:0;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landingPageLeft{display:flex;justify-content:center}.landingPageRight{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.landingPageRightTitle{font-size:56px}.landingPageRightRow{gap:28px;max-width:none}.landingPageQr{width:160px;height:160px;object-fit:contain;background:#fff;padding:1px;border-radius:10px}}.landingCarousel{width:500px;max-width:100%;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:0px}.landingCarouselFrame{position:relative;width:100%;aspect-ratio:3 / 4;background:#111;overflow:hidden}.landingCarouselImage{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.landingCarouselPlaceholder{width:100%;height:100%;background:#111}.landingCarouselUsername{position:absolute;left:12px;bottom:12px;font-size:14px;font-weight:600;padding:3px 10px;border-radius:20px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);text-decoration:none;color:#fff;cursor:pointer}.landingCarouselArrow{height:30px;width:30px;border:none;background:transparent;color:#fff;font-size:25px;cursor:pointer;align-items:center;justify-content:center;opacity:1}.landingCarouselArrow:hover{opacity:1}@media(min-width:900px){.landingCarouselArrow{height:56px;width:56px;font-size:40px}.landingCarousel{grid-template-columns:56px 1fr 56px}}
