body,html{background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;margin:0;padding:0;width:100%}:root{--app-h:100vh;--screen-h:100vh}@supports (height:100dvh){:root{--screen-h:100dvh}}.mobile-container{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center}.mobile-container,.mobile-frame{min-height:var(--screen-h);width:100%}.mobile-frame{background-color:#000;box-shadow:0 0 20px #00000080;max-width:430px;position:relative}@media (min-width:768px){.mobile-frame{--app-h:min( calc(100vh - 40px) , calc(216.66667vw - 86.66667px) );--screen-h:var(--app-h);border-radius:20px;height:var(--app-h);max-width:none;min-height:0;overflow:hidden;transform:translateZ(0);width:calc(var(--app-h)*9/19.5)}.mobile-scroll{height:100%;overflow-y:auto}}:root{--primary-color:#ec4899;--primary-hover:#db2777;--secondary-color:#1f2937;--secondary-hover:#111827;--text-color:#f9fafb;--text-light:#9ca3af;--bg-color:#000;--card-bg:#18181b}.app-bg{background-color:var(--bg-color)}.card{background-color:var(--card-bg);border-radius:.5rem}.btn-primary{background-color:var(--primary-color);border-radius:9999px;color:#fff;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);border-radius:9999px;color:var(--text-color);font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-secondary:hover{background-color:var(--secondary-hover)}.page-enter-active,.page-leave-active{transition:opacity .3s}.page-enter-from,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.mobile-scroll::-webkit-scrollbar{width:3px}.mobile-scroll::-webkit-scrollbar-track{background:#000}.mobile-scroll::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}