*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;color:#fff;background-color:#0f172a;overflow-x:hidden}body{margin:0;display:block;min-width:320px;min-height:100vh;line-height:1.5}#appWrapper{width:100%;min-height:100%;position:relative;overflow-y:auto;overflow-x:hidden}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}#appWrapper{height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.secret-container{position:relative;overflow:hidden;border:1px solid rgba(255,215,0,.3);background:#141414e6}.secret-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffd70000,#ffd7000d,#ffd70000);animation:scan 3s linear infinite;pointer-events:none}.secret-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#ffd70033;animation:scan-line 4s linear infinite;z-index:5}@keyframes scan-line{0%{top:0%}to{top:100%}}@keyframes bounce-in{0%{transform:translate(100%);opacity:0}60%{transform:translate(-10%);opacity:1}to{transform:translate(0)}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes shrink-width{0%{width:100%}to{width:0%}}.animate-shrink-width{animation:shrink-width 5s linear forwards}@keyframes gold-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-golden-mode{background:linear-gradient(-45deg,#111827,#1a1a1a,#451a03,#78350f,#111827);background-size:400% 400%;animation:gold-shimmer 15s ease infinite}.golden-aura{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% -20%,rgba(234,179,8,.15),transparent 70%);z-index:1}@keyframes flicker{0%,to{opacity:1;transform:scale(1);filter:blur(0px)}50%{opacity:.7;transform:scale(.95) translateY(2px);filter:blur(1px)}75%{opacity:.9;transform:scale(1.05)}}.animate-flicker{animation:flicker 3s infinite ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-1deg)}75%{transform:translate(4px) rotate(1deg)}}.animate-shake{animation:shake .2s ease-in-out infinite}.particle{position:absolute;pointer-events:none;opacity:0;border-radius:50%}@keyframes gold-float{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translateY(-20vh) rotate(720deg) scale(1.2);opacity:0}}.animate-gold-particle{animation:gold-float 4s linear infinite}@keyframes gold-float{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}20%{opacity:.8}80%{opacity:.4;transform:translateY(-80vh) translate(20px) scale(1.2) rotate(180deg)}to{transform:translateY(-100vh) translate(-20px) scale(0) rotate(360deg);opacity:0}}.animate-gold-float{animation:gold-float linear infinite}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes slide-in-diagonal{0%{transform:translate(-100%) rotate(-12deg);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(100%) rotate(-12deg);opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-cutin-bg{animation:slide-in-diagonal 2.5s ease-in-out forwards}.animate-cutin-text{animation:fade-in-up .8s ease-out .3s forwards;opacity:0}.animate-narration-in{animation:fadeIn 1.5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.narration-text{text-shadow:0 0 10px rgba(255,255,255,.3);letter-spacing:.1em;line-height:2}