@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mobile-bottom-nav,[class*=mobile-bottom-nav],nav.mobile-bottom-nav,nav[class*=mobile-bottom-nav]{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99999!important;transform:translateY(0)!important;transition:none!important;animation:none!important}.mobile-bottom-nav{height:auto!important;overflow:visible!important;width:100vw!important}* .mobile-bottom-nav,body .mobile-bottom-nav,div .mobile-bottom-nav,html .mobile-bottom-nav,main .mobile-bottom-nav,section .mobile-bottom-nav{display:flex!important;visibility:visible!important;opacity:1!important;transform:translateY(0)!important;transition:none!important;animation:none!important}.mobile-nav-item{display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:8px!important;transition:all .2s ease!important;cursor:pointer!important;min-width:60px!important;text-decoration:none!important;color:#666!important}.mobile-nav-icon,.mobile-nav-text{display:block!important;visibility:visible!important;opacity:1!important}.mobile-nav-icon{width:20px!important;height:20px!important;margin-bottom:4px!important;transition:all .2s ease!important}.mobile-nav-text{font-size:10px!important;font-weight:500!important;transition:all .2s ease!important;line-height:1!important}.dark .mobile-nav-item{color:#999!important}.mobile-nav-item:hover{background:rgba(99,102,241,.1)!important;transform:translateY(-2px)!important;color:#6366f1!important}.mobile-nav-item:active{transform:translateY(0)!important}.mobile-nav-item.active,.mobile-nav-item.active:hover{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.2))!important;box-shadow:0 4px 12px rgba(99,102,241,.2)!important;color:#6366f1!important}.mobile-nav-item.active .mobile-nav-icon,.mobile-nav-item:hover .mobile-nav-icon{transform:scale(1.1)!important}.mobile-nav-item.active .mobile-nav-text,.mobile-nav-item:hover .mobile-nav-text{font-weight:600!important}@media (max-width:768px){.mobile-header{position:sticky;top:0;z-index:40;background:hsla(var(--bg-primary),.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(var(--xai-primary),.15);padding:12px 16px;box-shadow:0 4px 20px hsla(var(--xai-primary),.08)}.mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;z-index:99999!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,0,0,.1)!important;padding:8px 0!important;justify-content:space-around!important;align-items:center!important;box-shadow:0 -4px 20px rgba(0,0,0,.1)!important;min-height:64px!important;pointer-events:auto!important;transform:translateY(0)!important;transition:none!important;animation:none!important}.mobile-bottom-nav,nav.mobile-bottom-nav{display:flex!important;visibility:visible!important;opacity:1!important}.dark .mobile-bottom-nav{background:rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -4px 20px rgba(0,0,0,.3)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.mobile-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:8px!important;transition:all .2s ease!important;cursor:pointer!important;min-width:60px!important;text-decoration:none!important;color:#666!important}.dark .mobile-nav-item{color:#999!important}.mobile-nav-item:hover{background:rgba(99,102,241,.1)!important;transform:translateY(-2px)!important;color:#6366f1!important}.mobile-nav-item:active{transform:translateY(0)!important}.mobile-nav-item.active,.mobile-nav-item.active:hover{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.2))!important;box-shadow:0 4px 12px rgba(99,102,241,.2)!important;color:#6366f1!important}.mobile-nav-icon{width:20px!important;height:20px!important;margin-bottom:4px!important;transition:all .2s ease!important}.mobile-nav-item.active .mobile-nav-icon,.mobile-nav-item:hover .mobile-nav-icon{transform:scale(1.1)!important}.mobile-nav-text{font-size:10px!important;font-weight:500!important;transition:all .2s ease!important;line-height:1!important}.mobile-nav-item.active .mobile-nav-text,.mobile-nav-item:hover .mobile-nav-text{font-weight:600!important}.xai-mobile-container{width:100vw;max-width:100vw;margin:0;padding:0;overflow-x:hidden;background:hsl(var(--bg-primary))}.xai-mobile-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(var(--bg-primary),.85);border-bottom:1px solid hsla(var(--xai-primary),.2);padding:8px 16px;min-height:56px;box-shadow:0 4px 20px hsla(var(--xai-primary),.1)}.xai-mobile-content{padding:16px;min-height:calc(100vh - 140px);background:linear-gradient(135deg,hsla(var(--bg-primary),1) 0,hsla(var(--bg-secondary),.8) 50%,hsla(var(--bg-tertiary),.6) 100%)}.xai-mobile-card{background:hsla(var(--card-bg),.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border-color),.3);border-radius:12px;box-shadow:0 4px 16px hsla(var(--shadow-color),.1),0 1px 4px hsla(var(--shadow-color),.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.xai-mobile-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px hsla(var(--shadow-color),.15),0 2px 8px hsla(var(--shadow-color),.1);border-color:hsla(var(--xai-primary),.4)}.xai-mobile-button{background:linear-gradient(135deg,hsl(var(--xai-primary)) 0,hsl(var(--xai-secondary)) 100%);color:white;border:none;border-radius:8px;padding:8px 16px;font-weight:500;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px hsla(var(--xai-primary),.3)}.xai-mobile-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px hsla(var(--xai-primary),.4)}.xai-mobile-button:active{transform:translateY(0)}.xai-mobile-input{background:hsla(var(--input-bg),.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(var(--border-color),.3);border-radius:8px;padding:10px 12px;font-size:14px;color:hsl(var(--text-primary));transition:all .2s ease}.xai-mobile-input:focus{outline:none;border-color:hsl(var(--xai-primary));box-shadow:0 0 0 3px hsla(var(--xai-primary),.1)}.xai-mobile-text-primary{color:hsl(var(--text-primary))}.xai-mobile-text-secondary{color:hsl(var(--text-secondary))}.xai-mobile-text-muted{color:hsl(var(--text-muted))}}.discover-page{background:linear-gradient(135deg,hsl(var(--bg-primary)) 0,hsl(var(--bg-secondary)) 50%,hsl(var(--bg-tertiary)) 100%);min-height:100vh}.discover-search-bar{background:hsla(var(--card-bg),.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--border-color),.2);border-radius:10px;transition:all .2s ease}.discover-search-bar:focus-within{border-color:hsl(var(--xai-primary));box-shadow:0 0 0 3px hsla(var(--xai-primary),.1)}.discover-category-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.discover-category-tabs::-webkit-scrollbar{display:none}.discover-category-tab{background:hsla(var(--card-bg),.6);border:1px solid hsla(var(--border-color),.2);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;color:hsl(var(--text-secondary));white-space:nowrap;transition:all .2s ease;cursor:pointer}.discover-category-tab:hover{background:hsla(var(--card-bg),.8);color:hsl(var(--text-primary))}.discover-category-tab.active{background:hsl(var(--xai-primary));color:white;border-color:hsl(var(--xai-primary))}.discover-app-card{background:hsla(var(--card-bg),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border-color),.2);border-radius:12px;padding:12px;transition:all .2s ease;cursor:pointer}.discover-app-card:hover{transform:translateY(-1px);background:hsla(var(--card-bg),.9);border-color:hsla(var(--xai-primary),.3);box-shadow:0 4px 16px hsla(var(--shadow-color),.1)}.discover-app-icon{width:40px;height:40px;border-radius:8px;overflow:hidden;background:hsla(var(--bg-secondary),.5);display:flex;align-items:center;justify-content:center}.discover-app-info h3{font-size:14px;font-weight:600;color:hsl(var(--text-primary));margin:0;line-height:1.2}.discover-app-info p{font-size:12px;color:hsl(var(--text-secondary));margin:2px 0 0;line-height:1.3}.discover-chain-badge{background:hsla(var(--bg-secondary),.6);color:hsl(var(--text-secondary));border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.discover-heat-badge{background:hsla(var(--xai-accent),.2);color:hsl(var(--xai-accent));border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.discover-empty-state{background:hsla(var(--card-bg),.6);border:1px solid hsla(var(--border-color),.2);border-radius:12px;padding:32px 16px;text-align:center}.discover-empty-state svg{color:hsl(var(--text-muted));margin-bottom:8px}.discover-empty-state p{color:hsl(var(--text-secondary));font-size:14px;margin:0}.discover-back-to-top{background:hsla(var(--card-bg),.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border-color),.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-secondary));transition:all .2s ease;box-shadow:0 4px 16px hsla(var(--shadow-color),.1)}.discover-back-to-top:hover{transform:scale(1.1);color:hsl(var(--xai-primary));border-color:hsla(var(--xai-primary),.3)}@keyframes discover-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.discover-animate-in{animation:discover-fade-in .3s ease-out}.discover-scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.discover-scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width:480px){.discover-app-card{padding:10px}.discover-app-icon{width:36px;height:36px}.discover-app-info h3{font-size:13px}.discover-app-info p{font-size:11px}.discover-category-tab{padding:5px 10px;font-size:12px}}.xai-compact-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:hsla(var(--card-bg),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid hsla(var(--border-color),.2);display:flex;align-items:center;justify-content:space-around;padding:8px 16px;z-index:50}.xai-compact-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;transition:all .2s ease;color:hsl(var(--text-secondary));text-decoration:none;min-width:48px}.xai-compact-nav-item:hover{background:hsla(var(--xai-primary),.1);color:hsl(var(--xai-primary))}.xai-compact-nav-item.active{background:hsla(var(--xai-primary),.15);color:hsl(var(--xai-primary))}.xai-compact-nav-item svg{width:20px;height:20px;margin-bottom:2px}.xai-compact-nav-item span{font-size:10px;font-weight:500;line-height:1}.xai-compact-header{position:sticky;top:0;z-index:40;background:hsla(var(--bg-primary),.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(var(--border-color),.2);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:52px}.xai-header-logo{display:flex;align-items:center;gap:8px;color:hsl(var(--text-primary));text-decoration:none;font-weight:600;font-size:16px}.xai-header-logo:hover{color:hsl(var(--xai-primary))}.xai-search-container{flex:1;max-width:300px;margin-left:16px}.xai-theme-toggle{background:hsla(var(--card-bg),.8);border:1px solid hsla(var(--border-color),.3);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-secondary));transition:all .2s ease;cursor:pointer}.xai-theme-toggle:hover{background:hsla(var(--card-bg),1);color:hsl(var(--xai-primary));border-color:hsla(var(--xai-primary),.3)}.xai-loading-spinner{width:16px;height:16px;border-top:2px solid hsla(var(--text-muted),.3);border:2px solid hsla(var(--text-muted),.3);border-top-color:hsl(var(--xai-primary));border-radius:50%;animation:xai-spin 1s linear infinite}@keyframes xai-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xai-glass-effect{background:hsla(var(--card-bg),.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--border-color),.2)}.xai-glass-effect-strong{background:hsla(var(--card-bg),.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(var(--border-color),.3)}.xai-gradient-text{background:linear-gradient(135deg,hsl(var(--xai-primary)) 0,hsl(var(--xai-secondary)) 50%,hsl(var(--xai-tertiary)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.xai-gradient-button{background:linear-gradient(135deg,hsl(var(--xai-primary)) 0,hsl(var(--xai-secondary)) 100%);color:white;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px hsla(var(--xai-primary),.3)}.xai-gradient-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px hsla(var(--xai-primary),.4)}.xai-gradient-button:active{transform:translateY(0)}.xai-hover-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.xai-hover-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px hsla(var(--shadow-color),.15),0 2px 8px hsla(var(--shadow-color),.1)}@keyframes xai-pulse{0%,to{opacity:1}50%{opacity:.7}}.xai-pulse{animation:xai-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes xai-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.xai-float{animation:xai-float 6s ease-in-out infinite}@keyframes gradient-flow{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}.xai-gradient-flow{background-size:400% 400%;animation:gradient-flow 15s ease infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px hsla(var(--xai-primary),.3)}50%{box-shadow:0 0 40px hsla(var(--xai-primary),.6)}}.xai-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.xai-drift{animation:drift 20s ease-in-out infinite}@media (max-width:640px){.xai-hide-mobile{display:none!important}}@media (min-width:641px){.xai-show-mobile{display:none!important}}.xai-custom-scrollbar{scrollbar-width:thin;scrollbar-color:hsla(var(--xai-primary),.3) transparent}.xai-custom-scrollbar::-webkit-scrollbar{width:6px}.xai-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.xai-custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(var(--xai-primary),.3);border-radius:3px}.xai-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(var(--xai-primary),.5)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{overflow-x:hidden;min-width:320px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (max-width:768px){.mobile-container{width:100vw;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.page-wrapper{min-height:100vh;padding-bottom:80px}.content-area,.page-wrapper{width:100vw;background:var(--background);margin:0}.content-area{max-width:100vw;padding:0}.mobile-title-xl{font-size:20px!important;line-height:1.2!important;font-weight:700}.mobile-title-lg{font-size:18px!important;line-height:1.2!important;font-weight:600}.mobile-title-md{font-size:16px!important;line-height:1.3!important;font-weight:600}.mobile-title-sm{font-size:14px!important;line-height:1.3!important;font-weight:500}.mobile-text-lg{font-size:14px!important;line-height:1.4!important}.mobile-text-md{font-size:12px!important;line-height:1.4!important}.mobile-text-sm{font-size:11px!important;line-height:1.3!important}.mobile-text-xs{font-size:10px!important;line-height:1.2!important}.mobile-text-safe{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.mobile-truncate{white-space:nowrap;max-width:100%}.mobile-truncate,.mobile-truncate-2{overflow:hidden;text-overflow:ellipsis}.mobile-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-height:calc(1.3em * 2)}.mobile-card{width:100%;background:hsla(var(--bg-secondary),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0;padding:12px;margin-bottom:0;box-shadow:0 2px 8px hsla(var(--xai-primary),.06);overflow:hidden;border:1px solid hsla(var(--xai-primary),.1);border-left:none;border-right:none;transition:all .3s ease}.mobile-card:hover{background:hsla(var(--bg-tertiary),.95);box-shadow:0 4px 16px hsla(var(--xai-primary),.12)}.mobile-list-item{background:hsla(var(--bg-secondary),.7);border:1px solid hsla(var(--xai-secondary),.1);border-radius:8px;padding:12px;margin-bottom:8px;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-list-item:hover{background:hsla(var(--bg-tertiary),.8);border-color:hsla(var(--xai-secondary),.2);transform:translateX(4px)}.mobile-list-item:last-child{margin-bottom:0}.mobile-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mobile-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%}.mobile-flex-between{justify-content:space-between}.mobile-flex-between,.mobile-flex-center{display:flex;align-items:center;gap:6px;width:100%}.mobile-flex-center{justify-content:center}.mobile-btn{background:linear-gradient(135deg,hsl(var(--xai-primary)),hsl(var(--xai-secondary)));color:white;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px hsla(var(--xai-primary),.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsla(var(--xai-primary),.4)}.mobile-btn:active{transform:translateY(0)}.mobile-btn-primary{background:linear-gradient(135deg,hsl(var(--xai-primary)),hsl(var(--xai-pink)))}.mobile-btn-secondary{background:hsla(var(--bg-tertiary),.8);color:hsl(var(--foreground));border:1px solid hsla(var(--xai-secondary),.3)}.mobile-btn-small{padding:6px 12px;font-size:12px;border-radius:6px}.mobile-tab-btn{background:hsla(var(--bg-secondary),.6);color:hsl(var(--muted-foreground));border:1px solid hsla(var(--xai-primary),.2);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-tab-btn.active{background:linear-gradient(135deg,hsl(var(--xai-primary)),hsl(var(--xai-secondary)));color:white;border-color:transparent;box-shadow:0 4px 12px hsla(var(--xai-primary),.3)}.mobile-input{width:100%;background:hsla(var(--bg-secondary),.8);border:1px solid hsla(var(--xai-primary),.2);border-radius:8px;padding:10px 12px;font-size:14px;color:hsl(var(--foreground));transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media (max-width:768px){.mobile-input::placeholder{color:hsl(var(--muted-foreground))}.mobile-input:focus{outline:none;border-color:hsl(var(--xai-primary));box-shadow:0 0 0 3px hsla(var(--xai-primary),.1);background:hsla(var(--bg-tertiary),.9)}.mobile-textarea{width:100%;background:hsla(var(--bg-secondary),.8);border:1px solid hsla(var(--xai-primary),.2);border-radius:8px;padding:10px 12px;font-size:14px;color:hsl(var(--foreground));resize:vertical;min-height:80px;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-scroll-x{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%}}@media (max-width:768px){.mobile-scroll-x::-webkit-scrollbar{display:none}.mobile-scroll-y{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;width:100%}.mobile-scroll-content{display:inline-flex;gap:6px;padding:0}.mobile-fade-in{animation:mobileFadeIn .3s ease-out}.mobile-slide-up{animation:mobileSlideUp .3s ease-out}.mobile-scale-in{animation:mobileScaleIn .2s ease-out}}@media (max-width:768px){@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobileScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mobile-touch-feedback:active{transform:scale(.98);opacity:.8}}@media (max-width:360px){.content-area{width:100vw;padding:0}.mobile-container{padding:0}.mobile-title-xl{font-size:16px!important;line-height:1.1!important}.mobile-title-lg{font-size:15px!important;line-height:1.1!important}.mobile-title-md{font-size:14px!important;line-height:1.2!important}.mobile-title-sm{font-size:12px!important;line-height:1.2!important}.mobile-text-lg{font-size:12px!important;line-height:1.3!important}.mobile-text-md{font-size:11px!important;line-height:1.3!important}.mobile-text-sm{font-size:10px!important;line-height:1.2!important}.mobile-text-xs{font-size:9px!important;line-height:1.1!important}.mobile-btn{padding:8px 12px;font-size:12px;min-height:36px}.mobile-btn-small{padding:6px 10px;font-size:11px;min-height:30px}.mobile-card{padding:8px;margin-bottom:0;border-radius:0;border-left:none;border-right:none}.mobile-list-item{padding:6px 8px;min-height:44px}.mobile-header{height:44px;padding:0 8px}.mobile-bottom-nav{height:58px;padding:6px 2px}.mobile-nav-item{min-width:42px;min-height:42px;padding:2px 4px}.mobile-nav-icon{width:18px;height:18px;margin-bottom:1px}.mobile-nav-text{font-size:9px}.page-wrapper{padding-bottom:62px}}@media (min-width:361px) and (max-width:375px){.content-area{width:100vw;padding:0}.mobile-container{padding:0}.mobile-text-lg{font-size:13px!important}.mobile-text-md{font-size:11px!important}.mobile-btn{padding:9px 14px;font-size:13px}.mobile-card{padding:10px;border-radius:0;border-left:none;border-right:none}}@media (min-width:428px) and (max-width:768px){.content-area{width:100vw;padding:0}.mobile-container{padding:0}.mobile-text-lg{font-size:16px!important}.mobile-text-md{font-size:14px!important}.mobile-btn{padding:12px 20px;font-size:16px}.mobile-card{padding:16px;border-radius:0;border-left:none;border-right:none}}@media (max-width:768px) and (orientation:landscape){.mobile-header{height:40px;width:100vw}.mobile-bottom-nav{height:50px;padding:3px 0;width:100vw}.page-wrapper{width:100vw;padding-bottom:54px}.content-area{width:100vw;padding:0}.mobile-nav-icon{width:16px;height:16px}.mobile-nav-text{font-size:7px}}@supports (-webkit-touch-callout:none){.mobile-header{padding-top:max(0px,env(safe-area-inset-top));height:calc(50px + max(0px, env(safe-area-inset-top)));width:100vw}.page-wrapper{width:100vw;padding-top:calc(50px + max(0px, env(safe-area-inset-top)));padding-bottom:calc(60px + max(0px, env(safe-area-inset-bottom)))}.mobile-bottom-nav{padding-bottom:max(6px,env(safe-area-inset-bottom));height:calc(60px + max(0px, env(safe-area-inset-bottom)));width:100vw}.content-area{width:100vw;padding:0}.mobile-input,.mobile-textarea{font-size:14px!important}}@media (max-width:768px){.dark .mobile-card{background:hsla(var(--bg-secondary),.6);border-color:hsla(var(--xai-primary),.2);box-shadow:0 4px 16px hsla(0,0%,0%,.3)}.dark .mobile-bottom-nav,.dark .mobile-header{background:hsla(var(--bg-primary),.9);border-color:hsla(var(--xai-primary),.3);box-shadow:0 4px 20px hsla(0,0%,0%,.4)}.mobile-img{max-width:100%;height:auto;object-fit:cover;border-radius:6px}.mobile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.mobile-icon{width:16px;height:16px;flex-shrink:0}.mobile-skeleton{background:linear-gradient(90deg,var(--muted) 25%,transparent 50%,var(--muted) 75%);background-size:200% 100%;animation:mobileSkeletonLoading 1.5s infinite}}@media (max-width:768px){@keyframes mobileSkeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-loading{display:flex;justify-content:center;align-items:center;padding:30px 0;color:var(--muted-foreground)}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-flex{display:flex!important}.mobile-inline-flex{display:inline-flex!important}.mobile-grid{display:grid!important}.mobile-w-full{width:100%!important}.mobile-h-full{height:100%!important}.mobile-p-0{padding:0!important}.mobile-p-2{padding:6px 12px!important}.mobile-p-3{padding:8px 12px!important}.mobile-p-4{padding:10px 12px!important}.mobile-m-0{margin:0!important}.mobile-m-2{margin:6px 0!important}.mobile-m-3{margin:8px 0!important}.mobile-m-4{margin:10px 0!important}.mobile-text-left{text-align:left!important}.mobile-text-center{text-align:center!important}.mobile-text-right{text-align:right!important}.mobile-font-normal{font-weight:400!important}.mobile-font-medium{font-weight:500!important}.mobile-font-semibold{font-weight:600!important}.mobile-font-bold{font-weight:700!important}}