:root{--primary-purple: #5B21B6;--accent-orange: #F97316;--reward-gold: #FBBF24;--bg-light: #FFFFFF;--bg-off-white: #F5F3FF;--bg-dark: #1E1B4B;--bg-darker: #0F0E24;--blue-slate: var(--primary-purple);--saddle-brown: var(--accent-orange);--espresso: var(--accent-orange);--porcelain: var(--bg-light);--floral-white: var(--bg-off-white);--nav-height: 64px;--nav-icon-size: 24px;--nav-radius: 40px;--nav-margin-side: 24px;--nav-margin-bot: 24px}@media(min-width:768px){:root{--nav-height: 72px;--nav-icon-size: 28px;--nav-radius: 50px;--nav-margin-side: 32px;--nav-margin-bot: 32px}}.app-container{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100dvh;padding:0;margin:0;overflow:hidden;isolation:isolate}.app-container.light-theme{background-color:var(--bg-light)}.app-container.dark-theme{background-color:var(--bg-darker)}.app-container.has-nav:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:calc(var(--nav-margin-bot) + var(--nav-height) + 28px);pointer-events:none;z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 100%)}.has-nav.light-theme:after{background:linear-gradient(to bottom,#fff0,#ffffff80,#ffffffd9)}.has-nav.dark-theme:after{background:linear-gradient(to bottom,#0f0e2400,#0f0e2480,#0f0e24d9)}.app-content{flex:1;min-height:0;position:relative;overflow:hidden;margin-bottom:calc(-1 * var(--nav-height) - var(--nav-margin-bot))}.app-content>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.bottom-nav-bar{position:relative;flex-shrink:0;margin:0 auto;margin-bottom:var(--nav-margin-bot);width:calc(100% - var(--nav-margin-side) * 2);max-width:500px;height:var(--nav-height);z-index:100;display:flex;align-items:center;border-radius:var(--nav-radius);padding:0 12px}.nav-bar-glass-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--nav-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.light-theme .nav-bar-glass-bg{background:#ffffffbf;border:1px solid rgba(91,33,182,.08);box-shadow:0 8px 32px #5b21b60f}.dark-theme .nav-bar-glass-bg{background:#1e1b4ba6;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.active-tab-indicator{position:absolute;top:0;bottom:0;left:12px;width:calc((100% - 24px)/5);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;transition:transform .35s cubic-bezier(.25,.8,.25,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.indicator-pill{width:58px;height:44px;border-radius:30px;transition:background-color .3s ease}.light-theme .indicator-pill{background-color:#5b21b626}.dark-theme .indicator-pill{background-color:#f9731640}.nav-tab{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:10;transition:color .3s ease}.tab-label{display:none!important}.light-theme .nav-tab{color:#64748b}.dark-theme .nav-tab{color:#ffffffc0}.light-theme .nav-tab.active{color:#5b21b6}.dark-theme .nav-tab.active{color:#ea580c}.tab-icon-wrapper{display:flex;justify-content:center;align-items:center}.tab-icon-wrapper i{font-size:var(--nav-icon-size)}.neumorphic-scan-btn{width:58px;height:44px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;z-index:10}.light-theme .neumorphic-scan-btn{background:#fff;color:var(--primary-purple);box-shadow:-3px -3px 8px #fff,3px 3px 8px #94a3b840}.light-theme .neumorphic-scan-btn.is-pressed{color:var(--accent-orange);background:#f8fafc;box-shadow:inset -2px -2px 5px #fff,inset 2px 2px 5px #94a3b840}.dark-theme .neumorphic-scan-btn{background:#1e1b4b;color:var(--accent-orange);box-shadow:-2px -2px 6px #ffffff0d,3px 3px 8px #0006}.dark-theme .neumorphic-scan-btn.is-pressed{color:#fff;background:#1a183a;box-shadow:inset -2px -2px 5px #ffffff08,inset 2px 2px 5px #00000080}.desktop-block{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0a19;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px}.desktop-block-card{text-align:center;max-width:340px;color:#fff}.desktop-block-icon{width:64px;height:64px;margin:0 auto 20px;color:#8b5cf6}.desktop-block-title{font-size:22px;font-weight:900;margin-bottom:10px}.desktop-block-sub{font-size:13px;color:#94a3b8;line-height:1.5}.screen-fade-enter-active,.screen-fade-leave-active{transition:opacity .22s ease;position:absolute!important;top:0;left:0;width:100%;height:100%}.screen-fade-enter-from,.screen-fade-leave-to{opacity:0}