@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kaushan+Script&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;font-optical-sizing:auto;border:0;margin:0;padding:0;font-family:Inter,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--card:#0b150b;--accent:#1db954;--accentLight:#40e279;--text:#ffffffeb;--muted:#ffffffb8;--page-safe:clamp(12px, 2.5vmin, 28px);--hero-stack-inset:clamp(8px, 2.5vmin, 20px)}html,body{height:100%}body{color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#root{height:100%}.appMain{box-sizing:border-box;flex-direction:column;justify-content:stretch;align-items:stretch;height:100dvh;max-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}@property --ring-thickness{syntax:"<length>";inherits:true;initial-value:2px}.sphereBg{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(120% 120% at 50% 42%,#121712 0%,#0a0c0a 45%,#050605 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.sphereBg__core{aspect-ratio:1;width:min(86vmin,760px);position:relative;transform:scale(.88)}.sphereBg__halo{z-index:1;background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, color-mix(in srgb, var(--accent) 4%, transparent) 38%, transparent 68%);filter:blur(8px);opacity:.28;border-radius:50%;animation:13s ease-in-out infinite haloPulse;position:absolute;inset:8%}.sphereBg__interior{z-index:4;background:radial-gradient(circle at 50% 46%,#0c0e0c 0%,#080a0877 52%,#05060500 100%);border-radius:50%;position:absolute;inset:.2%}.sphereBg__ring{-webkit-mask:radial-gradient(closest-side, transparent calc(100% - var(--ring-thickness)), #000 calc(100% - var(--ring-thickness)), #000 100%, transparent 100%);-webkit-mask:radial-gradient(closest-side, transparent calc(100% - var(--ring-thickness)), #000 calc(100% - var(--ring-thickness)), #000 100%, transparent 100%);mask:radial-gradient(closest-side, transparent calc(100% - var(--ring-thickness)), #000 calc(100% - var(--ring-thickness)), #000 100%, transparent 100%);border-radius:50%;position:absolute;inset:0}.sphereBg__ring--base{--ring-thickness:1.5px;z-index:5;background:color-mix(in srgb, var(--accent) 36%, transparent);opacity:.45}.sphereBg__ring--arc{background:conic-gradient(from -32deg, transparent 0deg, color-mix(in srgb, var(--accentLight) 28%, transparent) 14deg, color-mix(in srgb, var(--accentLight) 42%, transparent) 26deg, color-mix(in srgb, white 12%, var(--accentLight)) 36deg, color-mix(in srgb, var(--accentLight) 42%, transparent) 46deg, color-mix(in srgb, var(--accentLight) 28%, transparent) 58deg, transparent 74deg, transparent 360deg);filter:blur(2px)}.sphereBg__ring--arc-a{--ring-thickness:3px;filter:blur(2px) drop-shadow(0 0 10px color-mix(in srgb, var(--accentLight) 52%, transparent)) drop-shadow(0 0 26px color-mix(in srgb, var(--accent) 40%, transparent)) drop-shadow(0 0 44px color-mix(in srgb, var(--accent) 22%, transparent));animation:11s ease-in-out infinite ringThicknessA}.sphereBg__ring--arc-b{--ring-thickness:2px;background:conic-gradient(from -22deg, transparent 0deg, color-mix(in srgb, var(--accentLight) 24%, transparent) 10deg, color-mix(in srgb, var(--accentLight) 38%, transparent) 20deg, color-mix(in srgb, white 8%, var(--accentLight)) 30deg, color-mix(in srgb, var(--accentLight) 38%, transparent) 40deg, color-mix(in srgb, var(--accentLight) 24%, transparent) 50deg, transparent 66deg, transparent 360deg);filter:blur(2px) drop-shadow(0 0 9px color-mix(in srgb, var(--accentLight) 48%, transparent)) drop-shadow(0 0 22px color-mix(in srgb, var(--accent) 36%, transparent)) drop-shadow(0 0 38px color-mix(in srgb, var(--accent) 20%, transparent));animation:9s ease-in-out infinite ringThicknessB}.sphereBg__ring--arc-c{--ring-thickness:4px;background:conic-gradient(from -48deg, transparent 0deg, color-mix(in srgb, var(--accent) 22%, transparent) 20deg, color-mix(in srgb, var(--accent) 36%, transparent) 36deg, color-mix(in srgb, white 10%, var(--accentLight)) 50deg, color-mix(in srgb, var(--accent) 36%, transparent) 64deg, color-mix(in srgb, var(--accent) 22%, transparent) 78deg, transparent 98deg, transparent 360deg);filter:blur(2.5px) drop-shadow(0 0 12px color-mix(in srgb, var(--accentLight) 45%, transparent)) drop-shadow(0 0 30px color-mix(in srgb, var(--accent) 34%, transparent)) drop-shadow(0 0 50px color-mix(in srgb, var(--accent) 18%, transparent));opacity:.85;animation:15s ease-in-out infinite ringThicknessC}.sphereBg__beam{background:radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--accentLight) 38%, transparent) 0%, color-mix(in srgb, var(--accentLight) 20%, transparent) 28%, color-mix(in srgb, var(--accent) 10%, transparent) 50%, transparent 72%);filter:blur(40px);mix-blend-mode:screen;border-radius:50%;width:68%;height:68%;position:absolute;top:-16%;left:50%;transform:translate(-50%,-50%)}.sphereBg__beam--a{opacity:.35;animation:13s ease-in-out -2.5s infinite beamBreatheA}.sphereBg__beam--b{filter:blur(34px);opacity:.35;width:50%;height:50%;animation:9.5s ease-in-out -5s infinite beamBreatheB}.sphereBg__beam--c{filter:blur(48px);opacity:.35;width:82%;height:82%;animation:18s ease-in-out -9s infinite beamBreatheC}.sphereRotor{z-index:2;position:absolute;inset:0}.sphereRotor--a{animation:24s linear infinite sphereSpin}.sphereRotor--b{animation:17s linear infinite reverse sphereSpin}.sphereRotor--c{animation:38s linear infinite sphereSpin}@keyframes sphereSpin{to{transform:rotate(360deg)}}@keyframes sphereBreathe{0%,to{transform:scale(.985)}50%{transform:scale(1.015)}}@keyframes haloPulse{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.32;transform:scale(1.02)}}@keyframes beamBreatheA{0%,to{opacity:.1;filter:blur(46px);transform:translate(-50%,-50%)scale(.82)}22%{opacity:.62;filter:blur(38px);transform:translate(-50%,-50%)scale(1.06)}38%{opacity:.22;filter:blur(44px);transform:translate(-50%,-50%)scale(.92)}55%{opacity:.78;filter:blur(36px);transform:translate(-50%,-50%)scale(1.12)}72%{opacity:.14;filter:blur(48px);transform:translate(-50%,-50%)scale(.86)}88%{opacity:.48;filter:blur(40px);transform:translate(-50%,-50%)scale(1)}}@keyframes beamBreatheB{0%,to{opacity:.18;filter:blur(38px);transform:translate(-50%,-50%)scale(.88)}15%{opacity:.08;filter:blur(42px);transform:translate(-50%,-50%)scale(.8)}32%{opacity:.7;filter:blur(30px);transform:translate(-50%,-50%)scale(1.14)}48%{opacity:.26;filter:blur(36px);transform:translate(-50%,-50%)scale(.94)}64%{opacity:.55;filter:blur(32px);transform:translate(-50%,-50%)scale(1.04)}80%{opacity:.12;filter:blur(40px);transform:translate(-50%,-50%)scale(.84)}}@keyframes beamBreatheC{0%,to{opacity:.16;filter:blur(52px);transform:translate(-50%,-50%)scale(.9)}12%{opacity:.52;filter:blur(44px);transform:translate(-50%,-50%)scale(1.08)}28%{opacity:.2;filter:blur(50px);transform:translate(-50%,-50%)scale(.88)}45%{opacity:.08;filter:blur(54px);transform:translate(-50%,-50%)scale(.78)}58%{opacity:.74;filter:blur(42px);transform:translate(-50%,-50%)scale(1.16)}75%{opacity:.3;filter:blur(48px);transform:translate(-50%,-50%)scale(.96)}90%{opacity:.6;filter:blur(45px);transform:translate(-50%,-50%)scale(1.06)}}@keyframes ringThicknessA{0%,to{--ring-thickness:2px}50%{--ring-thickness:4px}}@keyframes ringThicknessB{0%,to{--ring-thickness:1.5px}50%{--ring-thickness:3px}}@keyframes ringThicknessC{0%,to{--ring-thickness:3px}50%{--ring-thickness:5.5px}}.heroContent{z-index:1;flex:1;width:100%;min-height:0;max-height:100%;position:relative}.heroVisual{aspect-ratio:9/19.5;box-sizing:border-box;width:auto;max-width:100%;height:110%;padding:var(--hero-stack-inset);-webkit-user-select:none;user-select:none;pointer-events:none;margin:auto;position:absolute;inset:0}.heroTitle{z-index:10;top:var(--page-safe);letter-spacing:-.03em;text-align:center;pointer-events:none;text-shadow:0 2px 20px #000000e0,0 0 48px #0000008c;opacity:0;width:min(92%,26rem);margin:0;font-size:clamp(36px,6vmin,52px);font-weight:800;line-height:1.05;position:absolute;left:50%;transform:translate(-50%,20px)}.heroSubtitle{z-index:10;top:calc(var(--page-safe) + 3.5rem);text-align:center;letter-spacing:-.02em;color:#d6e1d8;pointer-events:none;opacity:0;text-shadow:0 2px 20px #000000e0,0 0 48px #0000008c;width:100%;margin:0;font-size:clamp(20px,4vmin,28px);line-height:1.2;position:absolute;transform:translateY(16px)}.heroSubtitle .heroSubtitleHighlight{color:var(--accent);letter-spacing:-.03em;text-align:center;pointer-events:none;z-index:1;word-break:break-all;font-family:Kaushan Script,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(32px,6vmin,56px);font-weight:600;line-height:1.05}.heroStack{inset:var(--hero-stack-inset);transform:translate3d(var(--stack-offset-x), var(--stack-offset-y), 0);filter:drop-shadow(0 16px 40px #0000006b);grid-template:1fr/1fr;display:grid;position:absolute}.heroStack--library{z-index:2}.heroStack--feed{z-index:3}.heroStackLayer{object-fit:contain;opacity:0;grid-area:1/1;width:100%;height:100%;transform:translateY(12px)scale(.985)}.heroDescriptionCard{z-index:10;bottom:calc(32px + var(--page-safe));background:linear-gradient(to bottom, color-mix(in srgb, var(--card) 48%, transparent) 0%, color-mix(in srgb, var(--card) 72%, transparent) 100%);border:1px solid color-mix(in srgb, var(--accentLight) 18%, white 8%);-webkit-backdrop-filter:blur(14px);pointer-events:none;opacity:0;border-radius:16px;width:min(92%,30rem);margin:0;padding:clamp(12px,2vmin,16px) clamp(14px,2.5vmin,20px) clamp(26px,3.2vmin,30px);position:absolute;left:50%;overflow:visible;transform:translate(-50%,20px);box-shadow:0 12px 40px #00000073,0 0 0 1px #00000047,inset 0 1px #ffffff1a}.heroDescription{text-align:center;color:var(--text);margin:0;font-size:clamp(12px,1.6vmin,17px);line-height:1.5}.heroCta{z-index:2;border:1px solid color-mix(in srgb, var(--accentLight) 30%, white 12%);background:linear-gradient(135deg, var(--accentLight), color-mix(in srgb, var(--accent) 72%, var(--accentLight)));color:#080e0af0;letter-spacing:-.01em;text-align:center;white-space:nowrap;pointer-events:auto;width:max-content;max-width:calc(100% - 8px);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 32%, transparent), 0 14px 36px #00000059, 0 0 0 1px #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:clamp(13px,1.8vmin,16px);font-weight:700;text-decoration:none;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.heroCta:hover{filter:brightness(1.05);box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 38%, transparent), 0 18px 40px #00000061, 0 0 0 1px #ffffff24;transform:translate(-50%,calc(50% - 2px))}.heroCta:active{transform:translate(-50%,50%)}.heroCta:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--card) 75%, transparent), 0 0 0 6px color-mix(in srgb, var(--accentLight) 34%, transparent), 0 10px 28px color-mix(in srgb, var(--accent) 32%, transparent);outline:none}@media (height<=640px){.heroDescriptionCard{bottom:calc(52px + var(--page-safe) + 1.1rem);padding:10px 14px 18px}.heroDescription{font-size:clamp(11px,1.4vmin,14px);line-height:1.4}.heroCta{padding:10px 18px;font-size:clamp(12px,1.6vmin,14px)}}.appMain[data-anim-ready=true] .sphereBg{animation:heroSphereBgIn var(--hero-sphere-enter,1s) cubic-bezier(.2, .9, .2, 1) both}.appMain[data-anim-ready=true] .sphereBg__core{animation:heroSphereCoreIn var(--hero-sphere-enter,1s) cubic-bezier(.2, .9, .2, 1) both, sphereBreathe 16s ease-in-out var(--hero-sphere-enter,1s) infinite}.appMain[data-anim-ready=true] .heroStackLayer{animation:.85s cubic-bezier(.2,.9,.2,1) both heroLayerFadeIn;animation-delay:var(--layer-delay,0s)}.appMain[data-anim-ready=true] .heroTitle,.appMain[data-anim-ready=true] .heroSubtitle,.appMain[data-anim-ready=true] .heroDescriptionCard{animation:1.2s cubic-bezier(.2,.9,.2,1) both heroFadeIn;animation-delay:var(--hero-text-delay,0s)}.appMain[data-anim-ready=true] .heroSubtitle{animation-name:heroFadeInCenter}@keyframes heroSphereBgIn{0%{opacity:0}to{opacity:1}}@keyframes heroSphereCoreIn{0%{opacity:.55;transform:scale(.88)}to{opacity:1;transform:scale(.985)}}@keyframes heroFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes heroFadeInCenter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes heroLayerFadeIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}.fab{z-index:20;border:1px solid color-mix(in srgb, var(--accentLight) 26%, white 10%);background:linear-gradient(135deg, var(--accentLight), color-mix(in srgb, var(--accentLight) 38%, white 62%));color:#0a0612eb;cursor:pointer;width:52px;height:52px;box-shadow:0 18px 60px color-mix(in srgb, var(--accentLight) 26%, transparent), 0 10px 24px #00000073, 0 0 0 1px #ffffff1f;border-radius:999px;place-items:center;text-decoration:none;transition:transform .16s,filter .16s,box-shadow .16s;display:grid;position:fixed;bottom:clamp(14px,2.4vw,26px);right:clamp(14px,2.4vw,26px)}.fab:hover{filter:brightness(1.05);box-shadow:0 24px 72px color-mix(in srgb, var(--accentLight) 28%, transparent), 0 12px 26px #00000073, 0 0 0 1px #ffffff29;transform:translateY(-2px)}.fab:active{transform:translateY(0)}.fab:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--card) 75%, transparent), 0 0 0 6px color-mix(in srgb, var(--accentLight) 34%, transparent), 0 18px 56px #00000073;outline:none}.fabIcon{width:24px;height:24px;margin:0 auto;display:block}.modalPanel{background:linear-gradient(to bottom, color-mix(in srgb, var(--card) 62%, transparent) 0%, color-mix(in srgb, var(--card) 96%, transparent) 100%);border:1px solid color-mix(in srgb, var(--accentLight) 22%, white 10%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;width:min(720px,100%);max-height:calc(100dvh - 36px);animation:.18s cubic-bezier(.2,.9,.2,1) both modalPanelIn;display:flex;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 0 1px #00000059}.modalHeader{z-index:1;background:color-mix(in srgb, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px;display:flex;position:sticky;top:0}.modalTitle{letter-spacing:-.01em;margin:0;font-size:18px}.modalBody{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 14px 14px;overflow-y:auto}.modalText{color:var(--muted);line-height:1.6}.modalText :is(h3,h4){color:var(--text);letter-spacing:-.01em;margin:14px 0 8px;line-height:1.25}.modalText h3{margin-top:0;font-size:18px}.modalText h4{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--text) 78%, var(--muted));font-size:14px}.modalText p{margin:0 0 10px}.modalText ul{margin:0 0 10px;padding-left:18px}.modalText li{margin:4px 0}.modalText a{color:color-mix(in srgb, var(--accentLight) 80%, white 20%);text-underline-offset:3px}.modalText a:hover{color:color-mix(in srgb, var(--accentLight) 92%, white 8%)}.privacyPageRoot{box-sizing:border-box;place-items:center;min-height:100vh;padding:18px;display:grid}.privacyPagePanel{width:min(860px,100%)}.privacyBackLink{background:color-mix(in srgb, var(--card) 70%, transparent);height:36px;color:var(--text);letter-spacing:-.01em;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-weight:650;text-decoration:none;transition:transform .14s,background-color .14s,border-color .14s;display:inline-flex}.privacyBackLink:hover{border-color:color-mix(in srgb, var(--accentLight) 40%, white 10%);transform:scale(1.02)}.privacyBackLink:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--card) 75%, transparent), 0 0 0 6px color-mix(in srgb, var(--accentLight) 28%, transparent);outline:none}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}.loadingOverlay{z-index:1000;background:radial-gradient(1200px 700px at 20% 0%, var(--accent) 0%, var(--bg) 62%);place-items:center;padding:22px;animation:.36s ease-out both loadingOverlayIn;display:grid;position:fixed;inset:0}.loadingOverlay.isExit{pointer-events:none;animation:.52s ease-in both loadingOverlayOut}.loadingCard{text-align:center;background:linear-gradient(to bottom, color-mix(in srgb, var(--card) 64%, transparent) 0%, color-mix(in srgb, var(--card) 92%, transparent) 100%);border:1px solid color-mix(in srgb, var(--accentLight) 22%, white 10%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;grid-template-columns:1fr;justify-items:center;gap:clamp(10px,2.2vw,16px);width:min(920px,100%);padding:clamp(16px,3vw,26px);display:grid;box-shadow:0 16px 60px #00000085,0 0 0 1px #0000004d}.loadingLogo{filter:drop-shadow(0 10px 24px #0006);-webkit-user-select:none;user-select:none;width:clamp(72px,12vw,118px);height:auto;display:block}.loadingText{justify-items:center;gap:10px;display:grid}.loadingSubtitle{color:color-mix(in srgb, var(--muted) 92%, white 8%);letter-spacing:.01em;font-size:clamp(14px,1.6vw,18px)}.fillTitleWrap{padding-bottom:.1em;line-height:1.25;display:inline-block;position:relative}.fillTitleBase,.fillTitleFill{letter-spacing:-.03em;font-size:clamp(38px,5vw,68px);font-weight:800;display:block}.fillTitleBase{color:#ffffff24;text-shadow:0 0 .5px #ffffff38,0 10px 40px #0006}.fillTitleFill{color:#fffffff5;clip-path:inset(0 100% 0 0);text-shadow:0 0 .5px #ffffff38,0 10px 40px #0000004d;position:absolute;inset:0}.fillTitleWrap.isRunning .fillTitleFill{animation:1.6s ease-in-out .3s both fillLeftToRight}@keyframes fillLeftToRight{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes loadingOverlayIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes loadingOverlayOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sphereBg{opacity:1}.sphereBg__core{opacity:1;transform:none;animation:none!important}.heroTitle,.heroSubtitle,.heroDescriptionCard{opacity:1;animation:none!important}.heroTitle,.heroDescriptionCard{transform:translate(-50%)}.heroSubtitle{transform:none}.heroStackLayer{opacity:1;transform:none;animation:none!important}.loadingOverlay,.loadingOverlay.isExit,.fillTitleFill{animation:none!important}.fillTitleFill{clip-path:inset(0 0% 0 0)}}@media (width<=768px){.heroSubtitle{top:calc(var(--page-safe) + 2.5rem)}.heroVisual{height:100%}.sphereBg__core{width:min(100vmin,760px)}}@media (width<=480px){.sphereBg__core{width:min(120vmin,760px);left:-10vmin}}