*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-elevated:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#818cf8;--accent-glow:#6366f133;--border:#94a3b81a;--border-strong:#94a3b833;--success:#22c55e;--error:#ef4444;--market-color:#22c55e;--market-glow:#22c55e26;--invest-color:#f59e0b;--invest-glow:#f59e0b26;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-market:linear-gradient(135deg,#22c55e,#10b981);--gradient-invest:linear-gradient(135deg,#f59e0b,#d97706);--gradient-warm:linear-gradient(135deg,#ec4899,#f59e0b);--radius:12px;--radius-lg:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}html,body,#root{width:100%;height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:0;display:none}.app-container{flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.app-container{border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong);max-width:520px;box-shadow:0 0 40px #6366f114}}.page{flex:1;padding-bottom:60px;overflow-y:auto}.bottom-nav{-webkit-backdrop-filter:blur(20px);width:100%;max-width:520px;padding:6px 0 max(8px,env(safe-area-inset-bottom));z-index:100;background:#0f172af7;border-top:1px solid #6366f126;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#94a3b8;letter-spacing:.3px;background:0 0;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:9px;font-weight:500;transition:all .25s;display:flex}.nav-item.active{color:#a78bfa}.nav-item svg{width:22px;height:22px;transition:transform .2s}.nav-item.active svg{transform:scale(1.1)}.nav-create-btn{justify-content:center;align-items:center;width:48px;height:48px;margin-top:-16px;font-size:0;box-shadow:0 4px 16px #7c3aed66;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#6366f1)!important;border-radius:50%!important;padding:0!important;display:flex!important}.nav-create-btn svg{width:22px;height:22px}.nav-menu-wrapper{position:relative}.nav-dropdown-menu{z-index:200;background:#1e293b;border:1px solid #6366f133;border-radius:16px;width:240px;padding:8px;animation:.2s menuSlideUp;position:absolute;bottom:calc(100% + 12px);right:-8px;box-shadow:0 -8px 40px #0006,0 0 20px #6366f11a}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-header{align-items:center;gap:10px;padding:10px 12px 8px;display:flex}.nav-dropdown-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.nav-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.nav-dropdown-user{flex-direction:column;min-width:0;display:flex}.nav-dropdown-username{color:#f1f5f9;font-size:14px;font-weight:600}.nav-dropdown-email{color:#64748b;font-size:11px}.nav-dropdown-item{color:#e2e8f0;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.nav-dropdown-item:hover,.nav-dropdown-item:active{background:#6366f11a}.nav-dropdown-item svg{color:#a78bfa;flex-shrink:0;width:18px;height:18px}.nav-dropdown-danger,.nav-dropdown-danger svg{color:#f87171}.nav-dropdown-signin,.nav-dropdown-signin svg{color:#a78bfa}.nav-dropdown-divider{background:#94a3b81a;height:1px;margin:4px 8px}.nav-dropdown-section-label{text-transform:uppercase;letter-spacing:.8px;color:#64748b;padding:6px 12px 2px;font-size:10px;font-weight:700}.nav-dropdown-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:8px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.nav-dropdown-count{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:flex}.btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #6366f133}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{border:1px solid var(--border-strong);color:var(--text);background:0 0}.btn-outline:hover{box-shadow:none;background:#6366f114}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.btn-block{width:100%}.input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:12px 16px;font-size:15px;transition:all .2s}.auth-card .input{background:var(--bg-elevated);border-color:var(--border-strong)}.input:focus{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px #6366f11f}.input::placeholder{color:var(--text-secondary)}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.lomio-feed{-webkit-overflow-scrolling:touch;background:var(--bg);height:100%;padding-top:155px;padding-bottom:70px;overflow-y:auto}.lomio-header{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-strong);z-index:100;background:#0f172aeb;justify-content:space-between;align-items:center;width:100%;max-width:520px;height:60px;padding:0 16px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.lomio-header.scrolled{border-bottom-color:var(--border-strong);background:#0f172af5;height:52px}.lomio-header.scrolled .lomio-logo-img{height:32px}.lomio-header.scrolled .lomio-tabs{transform:scale(.92)}.lomio-logo{align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.lomio-logo-img{object-fit:contain;border-radius:8px;width:auto;height:44px}.lomio-header-actions{align-items:center;gap:4px;display:flex}.lomio-tabs{border:1px solid var(--border-strong);background:#6366f114;border-radius:22px;gap:2px;padding:3px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex}.lomio-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 18px;font-size:13px;font-weight:600;transition:all .25s;position:relative}.lomio-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #6366f14d}.lomio-tab:not(.active):hover{color:var(--text);background:#6366f11a}.lomio-header-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;transition:all .2s;display:flex}.lomio-header-btn:hover{background:#6366f11a}.lomio-feature-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:98;border-bottom:1px solid var(--border);background:#0f172af7;width:100%;max-width:520px;position:fixed;top:60px;left:50%;transform:translate(-50%)}.lomio-welcome-marquee{white-space:nowrap;background:linear-gradient(90deg,#4f46e5,#7c3aed,#6366f1);padding:7px 0;overflow:hidden}.lomio-welcome-track{animation:55s linear infinite marqueeScroll;display:inline-flex}.lomio-welcome-track span{color:#fff;letter-spacing:.4px;text-shadow:0 1px 2px #0003;padding:0 60px;font-size:12px;font-weight:600;display:inline-block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lomio-feature-bar{gap:8px;padding:8px 12px;display:flex}.lomio-feature-btn{cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.lomio-feature-live{color:#f87171;background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef444440}.lomio-feature-live:hover{background:linear-gradient(135deg,#ef444440,#dc262626)}.lomio-feature-live .lomio-feature-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lomio-feature-match{color:#f472b6;background:linear-gradient(135deg,#ec489926,#a855f71a);border:1px solid #ec489940}.lomio-feature-match:hover{background:linear-gradient(135deg,#ec489940,#a855f726)}.lomio-feature-match .lomio-feature-icon{color:#fff;background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lomio-feature-stories{color:#a78bfa;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f140}.lomio-feature-stories .lomio-feature-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lomio-card{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;margin-bottom:8px;animation:.4s cardFadeIn;display:flex;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lomio-card-creator{cursor:pointer;align-items:center;gap:10px;padding:12px 16px;display:flex}.lomio-creator-avatar{background:var(--bg-card);width:38px;height:38px;color:var(--accent-light);border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.lomio-creator-avatar img{object-fit:cover;width:100%;height:100%}.lomio-creator-info{flex-direction:column;flex:1;min-width:0;display:flex}.lomio-creator-name{color:var(--text);font-size:14px;font-weight:700}.lomio-card-caption{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.lomio-badge{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.lomio-back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;margin-right:4px;padding:4px;display:flex}.lomio-card-media{background:#0a0812;max-height:70vh;position:relative;overflow:hidden}.lomio-card-media video{object-fit:cover;width:100%;max-height:70vh;display:block}.lomio-media-photo{object-fit:contain;background:#0a0812;width:100%;max-height:70vh;display:block}.lomio-postview-media{min-height:60vh}.lomio-sound-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:12px;right:12px}.lomio-card-actions{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:10px 12px;display:flex}.lomio-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.lomio-action-btn:hover{background:var(--bg-secondary);color:var(--text)}.lomio-action-btn:active svg{transform:scale(1.2)}.lomio-action-btn.active{color:#ec4899}.lomio-action-btn svg{transition:transform .15s}.lomio-action-bookmark{margin-left:auto}.lomio-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;padding:40px 30px;display:flex}.lomio-empty-icon{background:var(--bg-secondary);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.lomio-empty h3{color:var(--text);font-size:18px}.lomio-empty p{color:var(--text-secondary);font-size:14px}.lomio-single-post{scroll-snap-type:none;padding-top:0}.lomio-single-post .lomio-card{height:100vh;min-height:100vh}.auth-page{background:var(--bg);-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100%;padding:40px 24px 80px;display:flex;overflow-y:auto}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-strong);width:100%;max-width:380px;box-shadow:0 4px 24px #6366f11a}.auth-card-inner{padding:32px 24px}.auth-logo-section{text-align:center;margin-bottom:28px}.auth-logo-img{border-radius:12px;width:auto;height:80px;margin-bottom:4px}.logo-text{text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:36px;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-top:4px;font-size:15px}.auth-verify-hint{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.auth-verify-hint strong{color:var(--text)}.auth-hint-text{color:var(--text-secondary);font-size:12px}.auth-btn{letter-spacing:.3px;height:48px;margin-top:8px;font-size:15px;font-weight:600}.auth-back-btn{border-color:var(--border);color:var(--text-secondary);margin-top:12px}.auth-divider{align-items:center;gap:12px;margin:20px 0 16px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-strong);flex:1;height:1px}.auth-divider span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.error-msg{color:#f87171;text-align:center;background:#f871711a;border-radius:8px;margin-bottom:16px;padding:8px;font-size:14px}.success-msg{color:#34d399;text-align:center;background:#34d3991a;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px;font-size:14px;display:flex}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .input{width:100%;padding-right:44px}.password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.password-toggle:hover{color:var(--text)}.btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.auth-toggle{text-align:center;color:var(--text-secondary);font-size:14px}.auth-toggle span{color:var(--accent-light);cursor:pointer;font-weight:600}.profile-header{text-align:center;padding:28px 16px 20px}.avatar{background:var(--bg-card);width:88px;height:88px;color:var(--accent-light);border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:36px;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profile-header h2{font-size:18px;font-weight:700}.profile-name{color:var(--text-primary);margin-top:8px;margin-bottom:0;font-size:20px;font-weight:700}.profile-username{color:var(--text-secondary);margin-top:2px;font-size:14px}.profile-bio{color:var(--text-secondary);max-width:280px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.5}.profile-stats{justify-content:center;gap:36px;margin:18px 0;display:flex}.stat{text-align:center}.stat-value{font-size:18px;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.video-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.video-grid-item{aspect-ratio:9/16;background:var(--bg-card);cursor:pointer;border-radius:4px;position:relative;overflow:hidden}.video-grid-item video,.video-grid-item img{object-fit:cover;width:100%;height:100%}.grid-item-stats{color:#fffc;text-shadow:0 1px 2px #00000080;font-size:11px;position:absolute;bottom:4px;left:4px}.messages-list{padding:0}.message-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.message-item:active{background:var(--bg-card)}.message-preview{flex:1;min-width:0}.message-preview h4{font-size:14px;font-weight:600}.message-preview p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.message-time{color:var(--text-secondary);flex-shrink:0;font-size:12px}.chat-container{z-index:200;background:var(--bg);flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:10;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.back-btn{color:var(--text);background:0 0;padding:4px;display:flex}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;padding:16px 16px 8px;display:flex;overflow-y:auto}.chat-bubble{word-wrap:break-word;border-radius:18px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.4}.chat-bubble.sent{background:var(--gradient-primary);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.received{background:var(--bg-card);border-bottom-left-radius:4px;align-self:flex-start}.chat-input{border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.chat-input .btn{border-radius:50%;padding:10px 14px}.upload-page{padding:0 16px 80px}.upload-area{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-secondary);border-radius:16px;margin-bottom:20px;padding:48px 20px;transition:border-color .2s}.upload-area:hover{border-color:var(--accent)}.upload-progress-bar{background:var(--bg-card);border-radius:3px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.upload-progress-fill{background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .3s}.upload-preview-container{margin-bottom:20px;position:relative}.video-preview,.photo-preview{object-fit:cover;background:var(--bg-card);border-radius:16px;width:100%;max-height:360px}.photo-preview{object-fit:contain}.change-video-btn{color:var(--accent-light);background:0 0;margin:8px auto 0;font-size:13px;font-weight:600;display:block}.comments-backdrop{z-index:199;background:#00000080;position:fixed;inset:0}.comments-panel{background:var(--bg-secondary);z-index:200;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:65vh;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.comments-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.comments-header h3{font-size:15px;font-weight:600}.close-btn{color:var(--text-secondary);background:0 0;padding:0 4px;font-size:24px;line-height:1}.comments-body{flex:1;padding:12px 16px;overflow-y:auto}.comment-item{gap:10px;margin-bottom:16px;display:flex}.comment-avatar{background:var(--bg-card);width:32px;height:32px;color:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-content h5{font-size:13px;font-weight:600}.comment-content p{color:var(--text);word-break:break-word;margin-top:2px;font-size:14px;line-height:1.4}.comment-meta{align-items:center;gap:12px;margin-top:4px;display:flex}.comment-time{color:var(--text-secondary);font-size:11px}.reply-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.reply-btn:hover{color:var(--text)}.comment-reply{padding-left:8px}.comment-reply .comment-avatar{width:26px;height:26px;font-size:11px}.comment-thread{margin-bottom:4px}.replies-section{margin-bottom:12px;padding-left:42px}.view-replies-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 0;font-size:12px;font-weight:600;display:flex}.view-replies-btn:hover{color:var(--text)}.replies-line{background:var(--text-secondary);width:24px;height:1px;display:inline-block}.replies-list{margin-top:8px}.reply-indicator{background:var(--bg-secondary);border-top:1px solid var(--border);color:var(--accent-light);justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;display:flex}.reply-indicator button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.comments-input{border-top:1px solid var(--border);gap:8px;padding:10px 16px;display:flex}.double-tap-heart{pointer-events:none;z-index:50;filter:drop-shadow(0 2px 8px #ff2d5580);animation:.8s forwards doubleTapHeart;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes doubleTapHeart{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.search-page{padding:16px 16px 80px}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.search-bar input{color:var(--text);background:0 0;border:none;flex:1;font-size:15px}.search-bar input::placeholder{color:var(--text-secondary)}.search-result{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:12px 0;display:flex}.search-result:active{opacity:.7}.search-result-info{flex:1}.search-username{font-size:14px;font-weight:600}.search-meta{color:var(--text-secondary);margin-top:2px;font-size:12px}.small-avatar{background:var(--bg-card);width:40px;height:40px;color:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;overflow:hidden}.small-avatar img{object-fit:cover;width:100%;height:100%}.page-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.page-header h2{font-size:18px;font-weight:700}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.3;width:64px;height:64px;margin-bottom:16px}.loading{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.avatar-with-status{flex-shrink:0;display:inline-flex;position:relative}.online-dot{border:2px solid var(--bg-primary);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.online-status-text{color:#22c55e;font-size:12px;font-weight:500}.view-count{opacity:.7;font-size:11px!important}.edit-profile-page{padding-bottom:40px}.edit-profile-content{padding:24px 16px}.avatar-edit-section{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.avatar-edit{background:var(--bg-card);cursor:pointer;border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;overflow:hidden}.avatar-edit img{object-fit:cover;width:100%;height:100%}.avatar-letter{color:var(--accent-light);font-size:40px;font-weight:700}.avatar-edit-overlay{color:#fff;background:#0009;justify-content:center;align-items:center;height:36px;display:flex;position:absolute;bottom:0;left:0;right:0}.change-avatar-text{color:var(--accent-light);background:0 0;margin-top:8px;font-size:13px;font-weight:600}.edit-message{text-align:center;border-radius:8px;margin-bottom:16px;padding:10px;font-size:14px}.edit-message.success{color:#34d399;background:#34d39926}.edit-message.error{color:#f87171;background:#f8717126}.password-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.password-toggle-btn{width:100%;color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.password-toggle-btn:hover{background:var(--bg-card)}.password-fields{margin-top:16px;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:800px;transform:translateY(0)}}.unread-badge{color:#fff;border:2px solid var(--bg);background:#ec4899;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.unread-msg-badge{color:#fff;background:#ec4899;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-top:4px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.message-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.followers-tabs{border-bottom:1px solid var(--border);display:flex}.followers-tab{color:var(--text-secondary);text-align:center;background:0 0;border-bottom:2px solid #0000;flex:1;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.followers-tab.active{color:var(--text);border-bottom-color:var(--accent)}.followers-list{padding:0}.follower-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.follower-info{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.follower-details{flex:1;min-width:0}.follower-username{font-size:14px;font-weight:600}.follower-bio{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.clickable-stat{cursor:pointer;transition:opacity .2s}.clickable-stat:active{opacity:.7}.forgot-password-link{text-align:center;margin-top:12px}.forgot-password-link span{color:var(--accent-light);cursor:pointer;font-size:13px;font-weight:500}.forgot-password-link span:hover{text-decoration:underline}.profile-header{position:relative}.chat-header-info{flex-direction:column;display:flex}.chat-header-info h4{font-size:15px;font-weight:600;line-height:1.2}.typing-status{color:var(--success);font-size:12px;font-weight:500;animation:1.5s infinite typingPulse}@keyframes typingPulse{0%,to{opacity:1}50%{opacity:.5}}.chat-msg-wrapper{flex-direction:column;margin-bottom:4px;display:flex}.chat-msg-wrapper.sent{align-items:flex-end}.chat-msg-wrapper.received{align-items:flex-start}.chat-bubble.sending{opacity:.7}.msg-meta{flex-direction:column;gap:1px;margin-top:2px;padding:0 4px;display:flex}.msg-meta.sent{align-items:flex-end}.msg-meta.received{align-items:flex-start}.msg-time{color:var(--text-secondary);opacity:.7;font-size:11px}.msg-status-block{align-items:center;gap:4px;padding:1px 0;display:flex}.msg-status-text{letter-spacing:.2px;font-size:10px;font-weight:500}.msg-delivered-block svg,.msg-delivered-block .msg-status-text{color:var(--text-secondary)}.msg-read-block svg,.msg-read-block .msg-status-text{color:#3b82f6}.msg-read-block{border-bottom:2px solid #3b82f6;padding-bottom:1px}.msg-sending-block .msg-status-text{color:var(--text-secondary);opacity:.6}.msg-failed-block svg,.msg-failed-block .msg-status-text{color:#f87171}.typing-bubble{padding:12px 18px!important}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dots span{background:var(--text-secondary);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.marketplace-page{padding-bottom:20px}.mp-header{background:linear-gradient(135deg,#00b89414,#00cec90a);border-bottom:1px solid #00b89426;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mp-header h2{background:linear-gradient(135deg,#00b894,#00cec9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.mp-header-actions{align-items:center;gap:8px;display:flex}.mp-header-btn{color:var(--text);background:#ffffff0f;border-radius:10px;align-items:center;padding:8px;transition:all .2s;display:flex}.mp-header-btn:hover{background:#ffffff1a}.mp-sell-btn{color:#fff;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.mp-sell-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00b8944d}.mp-verify-toggle{color:#00b894;background:#00b8941f;border-radius:20px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.mp-verify-toggle:hover{background:#00b89433}.mp-chevron{transition:transform .3s}.mp-chevron.open{transform:rotate(180deg)}.mp-marquee{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00b8941a,#00cec90f,#00b8941a);padding:8px 0;overflow:hidden}.mp-marquee-track{white-space:nowrap;animation:30s linear infinite marqueeScroll;display:flex}.mp-marquee-track span{color:#00cec9;padding-right:60px;font-size:13px;font-weight:500}.mp-hero{border-bottom:1px solid var(--border);max-height:200px;margin:0;position:relative;overflow:hidden}.mp-hero-track{transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.mp-hero-slide{min-width:100%;height:200px;max-height:200px;position:relative}.mp-hero-slide img{object-fit:cover;width:100%;height:200px;max-height:200px}.mp-hero-overlay{background:linear-gradient(#0000,#0a0a12e6);padding:20px 16px;position:absolute;bottom:0;left:0;right:0}.mp-hero-overlay h3{color:#fff;margin-bottom:4px;font-size:20px;font-weight:800}.mp-hero-overlay p{color:#ffffffb3;margin-bottom:10px;font-size:13px}.mp-hero-cta{background:linear-gradient(135deg,#00b894,#00cec9)!important;border-radius:20px!important;padding:6px 16px!important;font-size:12px!important}.mp-hero-dots{gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mp-hero-dot{background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:all .3s}.mp-hero-dot.active{background:#00b894;border-radius:4px;width:20px}.mp-categories{-webkit-overflow-scrolling:touch;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.mp-categories::-webkit-scrollbar{display:none}.mp-pill{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.mp-pill.active{color:#fff;background:linear-gradient(135deg,#00b894,#00cec9);border-color:#0000}.mp-image-sections{-webkit-overflow-scrolling:touch;gap:12px;padding:12px 16px;display:flex;overflow-x:auto}.mp-image-sections::-webkit-scrollbar{display:none}.mp-image-section{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);flex-shrink:0;min-width:200px;max-width:200px;transition:all .25s;position:relative;overflow:hidden}.mp-image-section:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.mp-image-section img{object-fit:cover;width:100%;height:120px}.mp-image-section-text{background:linear-gradient(#0000,#0a0a12d9);padding:10px;position:absolute;bottom:0;left:0;right:0}.mp-image-section-text h4{color:#fff;font-size:13px;font-weight:700}.mp-image-section-text p{color:#fff9;font-size:11px}.mp-verify-panel{background:#00b8940a;border-bottom:1px solid #00b8941f;padding:16px;animation:.3s slideDown}.mp-verify-header h3{color:#00b894;margin-bottom:2px;font-size:17px;font-weight:700}.mp-verify-header p{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.mp-verify-selectors{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.mp-dropdown{position:relative}.mp-dropdown-trigger{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.mp-dropdown-trigger:hover,.mp-dropdown-trigger.open{border-color:#00b894}.mp-dropdown-trigger .mp-dd-placeholder{color:var(--text-secondary)}.mp-dropdown-trigger .mp-dd-selected{align-items:center;gap:8px;display:flex}.mp-dropdown-trigger .mp-dd-selected .mp-dd-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mp-dropdown-trigger .mp-dd-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.mp-dropdown-trigger.open .mp-dd-arrow{transform:rotate(180deg)}.mp-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:10px;flex-direction:column;max-height:260px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 30px #0006}.mp-dropdown-search{border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 12px}.mp-dropdown-search input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.mp-dropdown-search input:focus{border-color:#00b894}.mp-dropdown-search input::placeholder{color:var(--text-secondary)}.mp-dropdown-list{flex:1;max-height:200px;overflow-y:auto}.mp-dropdown-list::-webkit-scrollbar{width:4px}.mp-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.mp-dropdown-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;transition:background .15s;display:flex}.mp-dropdown-item:hover{background:#00b89414}.mp-dropdown-item.active{color:#00b894;background:#00b89426}.mp-dropdown-item .mp-dd-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mp-dropdown-item .mp-dd-flag{flex-shrink:0;font-size:18px}.mp-dropdown-item .mp-dd-dial{color:var(--text-secondary);margin-left:auto;font-size:12px}.mp-dd-no-results{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.mp-verify-offers{margin-top:8px}.mp-no-offers{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.mp-offer-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex}.mp-offer-row:hover{border-color:var(--border-strong)}.mp-offer-info{flex-direction:column;gap:2px;display:flex}.mp-offer-app{font-size:14px;font-weight:700}.mp-offer-country{color:var(--text-secondary);font-size:12px}.mp-offer-stock{color:var(--text-secondary);opacity:.7;font-size:11px}.mp-offer-action{align-items:center;gap:10px;display:flex}.mp-offer-price{color:#00b894;font-size:16px;font-weight:800}.mp-buy-btn{background:linear-gradient(135deg,#00b894,#00cec9)!important;border-radius:16px!important;padding:6px 14px!important;font-size:12px!important}.mp-verify-result{text-align:center;padding:8px 0}.mp-verify-number-display{background:var(--bg-card);border-radius:var(--radius);border:1px solid #00b89433;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;padding:16px;display:flex}.mp-verify-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px}.mp-verify-phone{color:#00b894;font-family:monospace;font-size:22px;font-weight:800}.mp-verify-app-name{color:var(--text-secondary);font-size:13px}.mp-verify-code-input{flex-direction:column;gap:8px;display:flex}.mp-verify-code-input .input{text-align:center;letter-spacing:6px;font-size:20px;font-weight:700}.mp-verify-btn{background:linear-gradient(135deg,#00b894,#00cec9)!important}.mp-verify-error{color:#ff6b6b;font-size:13px}.mp-verify-success{color:#00b894;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.mp-verify-success svg{color:#00b894}.mp-verify-success span{font-size:16px;font-weight:700}.mp-verify-reset{color:var(--text-secondary);cursor:pointer;background:0 0;margin-top:12px;font-size:13px;text-decoration:underline;transition:color .2s}.mp-verify-reset:hover{color:#00b894}.marketplace-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px;display:grid}.marketplace-card{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);transition:all .25s;overflow:hidden}.marketplace-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.marketplace-card:active{border-color:var(--market-color);transform:scale(.98)}.marketplace-card-image{aspect-ratio:1;background:var(--bg-secondary);width:100%;overflow:hidden}.marketplace-card-image img{object-fit:cover;width:100%;height:100%}.marketplace-card-placeholder{width:100%;height:100%;color:var(--text-secondary);opacity:.4;justify-content:center;align-items:center;display:flex}.marketplace-card-info{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.marketplace-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.marketplace-card-price{color:var(--market-color);font-size:16px;font-weight:700}.marketplace-card-seller{color:var(--text-secondary);font-size:12px}.create-listing-page{padding-bottom:40px}.create-listing-form{flex-direction:column;gap:4px;padding:20px 16px;display:flex}.create-listing-form textarea.input{resize:vertical;min-height:80px}.create-listing-form select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8a3c0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.create-listing-row{gap:12px;display:flex}.create-listing-image-upload{border:2px dashed var(--border);cursor:pointer;background:var(--bg-secondary);border-radius:12px;min-height:160px;transition:border-color .2s;overflow:hidden}.create-listing-image-upload:hover{border-color:var(--accent)}.create-listing-preview{object-fit:contain;width:100%;max-height:240px;display:block}.create-listing-upload-placeholder{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;font-size:14px;display:flex}.listing-detail{padding-bottom:40px}.listing-images{aspect-ratio:1;background:var(--bg-secondary);width:100%;position:relative;overflow:hidden}.listing-main-image{object-fit:contain;width:100%;height:100%;display:block}.listing-image-dots{gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.listing-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.listing-dot.active{background:#fff}.listing-placeholder-image{width:100%;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.listing-info{flex-direction:column;gap:12px;padding:16px;display:flex}.listing-price-row{justify-content:space-between;align-items:center;display:flex}.listing-price{color:var(--market-color);font-size:24px;font-weight:700}.listing-title{color:var(--text);font-size:20px;font-weight:700;line-height:1.3}.listing-seller{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.listing-seller-name{color:var(--text);font-size:14px;font-weight:600}.listing-description{color:var(--text-secondary);font-size:14px;line-height:1.6}.listing-order-form{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.listing-order-form h3{margin-bottom:12px;font-size:16px;font-weight:600}.listing-order-total{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:12px 0;font-size:16px;font-weight:600;display:flex}.listing-order-actions{gap:8px;margin-top:12px;display:flex}.orders-page{padding-bottom:20px}.orders-list{padding:0}.order-card{border-bottom:1px solid var(--border);cursor:pointer;padding:14px 16px;transition:background .15s}.order-card:active{background:var(--bg-card)}.order-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.order-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.order-card-meta{color:var(--text-secondary);font-size:13px}.order-status{text-transform:capitalize;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.order-card-actions{gap:8px;margin-top:10px;display:flex}.crypto-market{padding-bottom:20px}.crypto-market-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.crypto-market-header h2{color:var(--invest-color);font-size:20px;font-weight:700}.crypto-header-btn{color:var(--text);background:0 0;border-radius:10px;align-items:center;padding:8px;transition:background .2s;display:flex}.crypto-header-btn:hover{background:var(--bg-card)}.crypto-search{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin:12px 16px;padding:10px 14px;display:flex}.crypto-search input{color:var(--text);background:0 0;border:none;flex:1;font-size:15px}.crypto-search input::placeholder{color:var(--text-secondary)}.crypto-search svg{color:var(--text-secondary);flex-shrink:0}.crypto-list{padding:0 16px}.crypto-coin-row{border-bottom:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin:0 -4px;padding:14px 4px;transition:all .2s;display:flex}.crypto-coin-row:hover{background:#ffffff05}.crypto-coin-row:active{background:var(--bg-secondary)}.crypto-coin-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.crypto-coin-icon{border-radius:50%;flex-shrink:0;width:36px;height:36px}.crypto-coin-icon-placeholder{background:var(--bg-secondary);width:36px;height:36px;color:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.crypto-coin-info{flex-direction:column;min-width:0;display:flex}.crypto-coin-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.crypto-coin-symbol{color:var(--text-secondary);font-size:12px}.crypto-coin-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.crypto-price{color:var(--text);font-size:14px;font-weight:600}.crypto-change{font-size:12px;font-weight:600}.crypto-change.positive{color:#22c55e}.crypto-change.negative{color:#ef4444}.crypto-star-btn{color:var(--text-secondary);background:0 0;flex-shrink:0;align-items:center;padding:6px;transition:color .2s;display:flex}.crypto-star-btn.active{color:#f59e0b}.crypto-portfolio{padding-bottom:20px}.crypto-portfolio-content{flex-direction:column;gap:16px;padding:16px;display:flex}.portfolio-value-card{background:var(--gradient-invest);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:24px;display:flex}.portfolio-value-card .portfolio-value-label{color:#0000008c}.portfolio-value-card .portfolio-value-amount{color:#1a1a2e}.portfolio-value-label{color:#ffffffbf;font-size:13px;font-weight:500}.portfolio-value-amount{color:#fff;letter-spacing:-.5px;font-size:32px;font-weight:800}.portfolio-pnl{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:14px;font-weight:600;display:flex}.portfolio-pnl.positive{color:#22c55e;background:#22c55e33}.portfolio-pnl.negative{color:#ef4444;background:#ef444433}.portfolio-cash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.portfolio-cash-row{justify-content:space-between;align-items:center;display:flex}.portfolio-cash-label{color:var(--text-secondary);font-size:14px}.portfolio-cash-amount{color:var(--text);font-size:18px;font-weight:700}.portfolio-section{flex-direction:column;gap:12px;display:flex}.portfolio-section-header{justify-content:space-between;align-items:center;display:flex}.portfolio-section-header h3{font-size:16px;font-weight:700}.portfolio-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.portfolio-empty svg{color:var(--accent);opacity:.5;margin-bottom:8px}.portfolio-empty p{color:var(--text);font-size:16px;font-weight:600}.portfolio-empty span{color:var(--text-secondary);font-size:13px}.portfolio-holdings{flex-direction:column;display:flex}.portfolio-holding-row{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;transition:border-color .2s;display:flex}.portfolio-holding-row:active{border-color:var(--accent)}.holding-left{flex-direction:column;gap:2px;display:flex}.holding-symbol{color:var(--text);font-size:15px;font-weight:700}.holding-qty{color:var(--text-secondary);font-size:12px}.holding-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.holding-value{color:var(--text);font-size:15px;font-weight:600}.holding-pnl{font-size:12px;font-weight:600}.holding-pnl.positive{color:#22c55e}.holding-pnl.negative{color:#ef4444}.crypto-trade{padding-bottom:20px}.crypto-trade-content{flex-direction:column;gap:16px;padding:16px;display:flex}.trade-price-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.trade-price-row{align-items:center;gap:14px;display:flex}.trade-coin-icon{border-radius:50%;width:48px;height:48px}.trade-price-info{flex-direction:column;gap:4px;display:flex}.trade-current-price{color:var(--text);letter-spacing:-.5px;font-size:28px;font-weight:800}.trade-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:4px;display:flex}.trade-tab{color:var(--text-secondary);text-align:center;background:0 0;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.trade-tab.active.buy{color:#22c55e;background:#22c55e26}.trade-tab.active.sell{color:#ef4444;background:#ef444426}.trade-form{flex-direction:column;gap:16px;display:flex}.trade-balance{color:var(--text-secondary);padding:0 4px;font-size:13px}.trade-balance strong{color:var(--text)}.trade-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.trade-summary-row{color:var(--text-secondary);justify-content:space-between;font-size:14px;display:flex}.trade-summary-row span:last-child{color:var(--text);font-weight:500}.trade-summary-row.total{border-top:1px solid var(--border);padding-top:10px;font-size:15px;font-weight:600}.trade-summary-row.total span{color:var(--text);font-weight:700}.trade-message{text-align:center;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500}.trade-message.success{color:#22c55e;background:#22c55e1f}.trade-message.error{color:#ef4444;background:#ef44441f}.trade-btn.buy{background:#22c55e}.trade-btn.buy:hover{background:#16a34a}.trade-btn.sell{background:#ef4444}.trade-btn.sell:hover{background:#dc2626}.crypto-transactions{padding-bottom:20px}.crypto-transactions-list{padding:0}.transaction-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.transaction-left{align-items:center;gap:12px;display:flex}.transaction-type{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.transaction-type.buy{color:#22c55e;background:#22c55e26}.transaction-type.sell{color:#ef4444;background:#ef444426}.transaction-details{flex-direction:column;gap:2px;display:flex}.transaction-symbol{color:var(--text);font-size:14px;font-weight:600}.transaction-date{color:var(--text-secondary);font-size:11px}.transaction-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.transaction-qty{color:var(--text);font-size:13px;font-weight:500}.transaction-price{color:var(--text-secondary);font-size:11px}.transaction-total{font-size:14px;font-weight:700}.transaction-total.buy{color:#ef4444}.transaction-total.sell{color:#22c55e}.verification-code-inputs{justify-content:center;gap:10px;margin:20px 0;display:flex}.verification-code-input{text-align:center;width:48px;height:56px;color:var(--text-primary);background:var(--card-bg);border:2px solid var(--border);caret-color:var(--accent);border-radius:12px;outline:none;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}.verification-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf633}.verification-code-input::placeholder{color:var(--text-muted)}.resend-section{text-align:center;margin-top:16px}.resend-section .auth-toggle-link{color:var(--accent);font-size:14px;font-weight:600}.resend-section .auth-toggle-link:hover{text-decoration:underline}.live-page{background:var(--bg);flex-direction:column;height:100%;display:flex}.live-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.live-header h1{color:var(--text);font-size:18px;font-weight:700}.live-go-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.live-content{flex:1;padding:16px 16px 80px;overflow-y:auto}.live-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.live-empty-icon{color:#f87171;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.live-empty h3{color:var(--text);font-size:18px}.live-empty p{color:var(--text-secondary);max-width:280px;font-size:13px}.live-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.live-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:14px;overflow:hidden}.live-card-thumb{aspect-ratio:3/4;background:#1a1a2e;justify-content:center;align-items:center;display:flex;position:relative}.live-card-thumb img{object-fit:cover;width:100%;height:100%}.live-card-placeholder{color:#475569}.live-badge-small{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:8px;left:8px}.live-card-viewers{color:#fff;background:#0009;border-radius:8px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;display:flex;position:absolute;top:8px;right:8px}.live-card-info{align-items:center;gap:8px;padding:10px;display:flex}.live-card-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.live-card-avatar img{object-fit:cover;width:100%;height:100%}.live-card-details{flex-direction:column;min-width:0;display:flex}.live-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.live-card-user{color:var(--text-secondary);font-size:10px}.live-streaming-view{background:#000;height:100%;position:relative}.live-stream-header{z-index:10;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.live-badge-row{align-items:center;gap:8px;display:flex}.live-badge-pulse{color:#fff;background:#ef4444;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800;animation:1.5s infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.live-rec-badge{color:#fff;background:#00000080;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.live-rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite recPulse}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}.live-viewer-count{color:#fff;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.live-end-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.live-self-video{object-fit:cover;width:100%;height:100%}.live-stream-bottom{z-index:10;background:linear-gradient(#0000,#000000d9);flex-direction:column;max-height:50%;padding:60px 12px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.live-stream-info-bar{margin-bottom:8px}.live-stream-title{color:#fff;text-shadow:0 1px 4px #00000080;font-size:15px;font-weight:600}.live-rec-warning{color:#fbbf24;margin-top:4px;font-size:11px;display:block}.live-comments-area{flex-direction:column;flex:1;gap:6px;max-height:180px;margin-bottom:10px;display:flex;overflow-y:auto}.live-comment-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:14px;align-items:baseline;gap:6px;padding:6px 10px;display:flex}.live-comment-user{color:#c4b5fd;flex-shrink:0;font-size:12px;font-weight:700}.live-comment-text{color:#ffffffe6;word-break:break-word;font-size:12px}.live-comment-input-row{align-items:center;gap:8px;display:flex}.live-comment-input{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;outline:none;flex:1;padding:10px 16px;font-size:13px}.live-comment-input::placeholder{color:#fff6}.live-comment-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.live-saving-screen{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:14px;display:flex}.live-viewer-screen{background:linear-gradient(#1a1025,#0f172a,#0a0f1a);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.live-viewer-avatar-large{background:linear-gradient(135deg,#6366f1,#ec4899);border:4px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:3s infinite avatarGlow;display:flex;overflow:hidden;box-shadow:0 0 40px #6366f14d}@keyframes avatarGlow{0%,to{box-shadow:0 0 40px #6366f14d}50%{box-shadow:0 0 60px #6366f180}}.live-viewer-avatar-large img{object-fit:cover;width:100%;height:100%}.live-viewer-avatar-large span{color:#fff;font-size:48px;font-weight:700}.live-viewer-streamer-name{color:#fff;margin-top:16px;font-size:20px;font-weight:700}.live-viewer-stream-title{color:#fff9;margin-top:6px;font-size:14px}.live-modal-header{text-align:center;margin-bottom:24px}.live-modal-icon{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.live-modal-header h2{color:var(--text);margin-bottom:6px;font-size:20px;font-weight:700}.live-modal-header p{color:#94a3b8;font-size:13px}.live-modal-form{flex-direction:column;gap:0;display:flex}.live-form-group{margin-bottom:16px}.live-form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.live-form-group input,.live-form-group select{width:100%;color:var(--text);appearance:none;background:#0f172acc;border:1px solid #94a3b833;border-radius:14px;outline:none;padding:14px 16px;font-size:14px;transition:border-color .2s}.live-form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.live-form-group select option{color:#f1f5f9;background:#1e293b;padding:12px}.live-form-group input:focus,.live-form-group select:focus{border-color:#6366f1}.live-form-group input::placeholder{color:#475569}.live-modal-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:15px;font-size:15px;font-weight:700;transition:opacity .2s;display:flex}.live-modal-start-btn:disabled{opacity:.5;cursor:not-allowed}.live-modal-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;width:100%;margin-top:4px;padding:12px;font-size:14px}.live-modal-cancel-btn:hover{color:var(--text)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:28px 24px;animation:.25s modalSlideUp}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.live-start-modal{max-width:400px}.match-page{background:var(--bg);flex-direction:column;height:100%;display:flex}.match-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.match-header h1{color:var(--text);font-size:18px;font-weight:700}.match-filter-btn{color:#a78bfa;cursor:pointer;background:#6366f11a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.match-content{flex:1;justify-content:center;align-items:flex-start;padding:16px 16px 80px;display:flex;overflow-y:auto}.match-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.match-empty-icon{background:#ec48991a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.match-empty h3{color:var(--text);font-size:18px}.match-empty p{color:var(--text-secondary);max-width:280px;font-size:13px}.match-card-container{width:100%;max-width:380px;transition:transform .3s,opacity .3s}.match-card-container.swipe-right{opacity:0;transform:translate(100px)rotate(8deg)}.match-card-container.swipe-left{opacity:0;transform:translate(-100px)rotate(-8deg)}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden}.match-card-image{aspect-ratio:3/4;background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;display:flex;position:relative}.match-card-image img{object-fit:cover;width:100%;height:100%}.match-card-avatar-placeholder{color:#6366f14d;font-size:80px;font-weight:700}.match-card-overlay{background:linear-gradient(#0000,#000c);padding:20px 16px;position:absolute;bottom:0;left:0;right:0}.match-card-name-row{align-items:center;gap:8px;display:flex}.match-card-name-row h2{color:#fff;font-size:22px;font-weight:700}.match-card-country{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:10px;padding:2px 8px;font-size:11px}.match-card-username{color:#ffffffb3;margin-bottom:4px;font-size:13px}.match-card-bio{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;display:-webkit-box;overflow:hidden}.match-card-stats{color:#fff9;gap:12px;font-size:11px;display:flex}.match-card-interests{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.match-interest-tag{color:#c4b5fd;background:#6366f14d;border-radius:10px;padding:2px 8px;font-size:10px}.match-actions{justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.match-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.match-action-btn:active{transform:scale(.9)}.match-pass{color:#f87171;background:#ef44441a;border:2px solid #ef44444d}.match-superlike{color:#a78bfa;background:#6366f11a;border:2px solid #6366f14d;width:44px;height:44px}.match-like{color:#f472b6;background:#ec489926;border:2px solid #ec48994d}.match-celebration{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.match-celebration h2{color:var(--text);background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.match-celebration p{color:var(--text-secondary);font-size:13px}.match-avatars{gap:-8px;margin:12px 0;display:flex}.match-avatar-circle{color:#fff;border:3px solid var(--bg-card);background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.match-avatar-circle img{object-fit:cover;width:100%;height:100%}.match-modal{max-width:340px}