@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--grad-1:#7c3aed;--grad-2:#db2777;--grad-3:#f97316;--grad-4:#3b82f6;--gradient:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);--gradient-2:linear-gradient(135deg,#3b82f6,#7c3aed 50%,#db2777);--gradient-text:linear-gradient(135deg,#7c3aed,#db2777,#f97316);--bg:#fff;--surface:#fff;--surface-2:#f6f9fc;--border:#e8ecf0;--border-soft:#f0f3f7;--text:#0a2540;--text-2:#546e7a;--text-3:#90a4ae;--accent:#7c3aed;--accent-soft:#7c3aed1a;--accent-2:#db2777;--accent-3:#f97316;--accent-4:#3b82f6;--danger:#ef4444;--success:#10b981;--gold:#f59e0b;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0a25400f,0 1px 2px #0a25400a;--shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;--shadow-lg:0 12px 40px #0a25401f,0 4px 12px #0a25400f;--shadow-color:0 8px 32px #7c3aed33;--feed-width:520px;--font-body:"Inter",sans-serif;--font-serif:"Plus Jakarta Sans",sans-serif;--nav-h:60px;--hover:#f0f3f7}[data-theme=dark]{--bg:#080c14;--surface:#0f1420;--surface-2:#161c2d;--border:#1e2740;--border-soft:#1a2235;--text:#f0f4ff;--text-2:#8892b0;--text-3:#4a5568;--accent-soft:#7c3aed2e;--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 20px #0006;--shadow-lg:0 12px 40px #00000080;--hover:#1a2235}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg);color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:Inter,sans-serif;font-family:var(--font-body)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes reelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader{align-items:center;background:#fff;background:var(--bg);display:flex;height:100vh;justify-content:center;width:100vw}.loader:after{animation:spin .9s linear infinite;border:1.5px solid #e8ecf0;border-top-color:#546e7a;border:1.5px solid var(--border);border-radius:50%;border-top-color:var(--text-2);content:"";height:28px;width:28px}.navbar{align-items:center;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);background:#ffffffd9;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);box-shadow:0 1px 0 #0a25400f;display:flex;height:60px;height:var(--nav-h);justify-content:space-between;left:0;padding:0 28px;position:fixed;right:0;top:0;z-index:100}[data-theme=dark] .navbar{background:#080c14e6;border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border)}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-weight:800;letter-spacing:-.5px}.navbar-icons{align-items:center;display:flex;gap:6px}.navbar-icons a,.navbar-icons button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:relative;text-decoration:none;transition:background .15s,color .15s;width:36px}.navbar-icons a:hover,.navbar-icons button:hover{background:#f6f9fc;background:var(--surface-2);color:#0a2540;color:var(--text)}.navbar-icons a.nav-active{color:#0a2540;color:var(--text)}.notif-badge{background:#ef4444;background:var(--danger);border-radius:8px;color:#fff;font-size:9px;font-weight:700;height:16px;min-width:16px;padding:0 3px;position:absolute;right:-3px;top:-3px}.dark-toggle,.notif-badge{align-items:center;display:flex;justify-content:center}.dark-toggle{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#546e7a;color:var(--text-2);cursor:pointer;font-size:18px;height:36px;transition:transform .3s,color .15s;width:36px}.dark-toggle:hover{background:#f6f9fc;background:var(--surface-2);color:#0a2540;color:var(--text);transform:rotate(15deg)}.hamburger{background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;display:none;font-size:22px}.desktop-nav{display:flex}.mobile-menu{animation:slideDown .2s ease;background:#fff;background:var(--surface);border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow);display:none;flex-direction:column;left:0;position:fixed;right:0;top:60px;top:var(--nav-h);z-index:99}.mobile-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#0a2540;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;gap:12px;padding:13px 20px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.mobile-menu-item:hover{background:#f6f9fc;background:var(--surface-2)}.mobile-menu-item.danger{color:#ef4444;color:var(--danger)}@media(max-width:768px){.hamburger{display:block}.desktop-nav{display:none}.mobile-menu{display:flex}.navbar{padding:0 16px}}.main-layout{margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:520px;max-width:var(--feed-width);padding:0 16px}.sidebar{display:none}@media(min-width:940px){.main-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 260px;max-width:900px}.sidebar{display:block}}@media(max-width:560px){.main-layout{padding:0 12px}}.btn-primary{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.1px;padding:11px 20px;transition:opacity .2s,transform .15s,box-shadow .2s;width:100%}.btn-primary:hover{box-shadow:0 6px 20px #7c3aed66;opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.4;transform:none}.btn-ghost{align-items:center;background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#546e7a;color:var(--text-2);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.btn-ghost:hover{background:#7c3aed1a;background:var(--accent-soft);border-color:#7c3aed;border-color:var(--accent);color:#7c3aed;color:var(--accent)}.btn-cancel,.btn-secondary{background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s}.btn-cancel:hover,.btn-secondary:hover{background:#f6f9fc;background:var(--surface-2);border-color:#90a4ae;border-color:var(--text-3);color:#0a2540;color:var(--text)}.btn-follow{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border:none;border-radius:20px;box-shadow:0 2px 10px #7c3aed40;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 14px;transition:all .2s}.btn-follow:hover{box-shadow:0 4px 15px #7c3aed59;opacity:.85;transform:translateY(-1px)}.btn-follow.following{background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);box-shadow:none;color:#546e7a;color:var(--text-2)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:640px){.auth-page{grid-template-columns:1fr}}.auth-left{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);display:flex;flex-direction:column;gap:20px;justify-content:center;overflow:hidden;padding:40px;position:relative}.auth-left:before{background:radial-gradient(ellipse at 30% 50%,#ffffff26 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#0000001a 0,#0000 50%);content:"";inset:0;position:absolute}@media(max-width:640px){.auth-left{display:none}}.auth-left-logo{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:44px;font-weight:800;letter-spacing:-1px;position:relative;z-index:1}.auth-left-tagline{color:#fffc;font-size:16px;line-height:1.7;max-width:280px;position:relative;text-align:center;z-index:1}.auth-right{align-items:center;background:#fff;background:var(--bg);display:flex;justify-content:center;padding:40px 24px}.auth-box{background:#fff;background:var(--surface);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0a25401f,0 4px 12px #0a25400f;box-shadow:var(--shadow-lg);max-width:400px;padding:40px 36px;width:100%}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:28px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{background:#fff;background:var(--surface);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f}.auth-switch{color:#546e7a;color:var(--text-2);font-size:13px;margin-top:20px;text-align:center}.auth-switch a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#db2777,#f97316);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-weight:600}.auth-switch a:hover{text-decoration:underline}.stories-bar{box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm)}.story-add-btn,.story-item{text-decoration:none}.story-avatar-ring{background:linear-gradient(135deg,#e8c547,#e06d3a,#c9304e,#9c27b0);height:58px;position:relative;width:58px}.story-add-icon{background:#0a2540;background:var(--text);color:var(--bg);height:20px;width:20px}.story-add-btn span,.story-item span{color:#546e7a;color:var(--text-2);font-size:10px;max-width:58px}.create-post{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:14px 16px}.create-post-top{gap:12px}.create-post-top img{border-radius:50%;height:36px;object-fit:cover;width:36px}.create-post-top input{background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:9px 16px;transition:border-color .2s}.create-post-top input:focus{border-color:#90a4ae;border-color:var(--text-3);color:#0a2540;color:var(--text)}.create-post-actions{border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);gap:8px;margin-top:12px;padding-top:12px}.post-card{animation:fadeUp .35s ease both;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow)}.post-header{align-items:center;display:flex;gap:10px;padding:14px 16px}.post-header img{border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:50%;height:34px;object-fit:cover;width:34px}.post-header-info{flex:1 1}.post-header-info strong{display:block;font-size:13px;font-weight:600}.post-header-info span{color:#90a4ae;color:var(--text-3);font-size:12px}.post-image{aspect-ratio:1;cursor:zoom-in;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-image{transform:scale(1.008)}.post-actions{padding:10px 14px 6px}.post-actions,.post-actions button{align-items:center;display:flex;gap:4px}.post-actions button{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#546e7a;color:var(--text-2);cursor:pointer;font-size:22px;padding:5px;transition:color .15s,transform .1s}.post-actions button:hover{color:#0a2540;color:var(--text);transform:scale(1.08)}.post-actions button.liked{animation:pop .25s ease;color:#ef4444;color:var(--danger)}.post-actions .save-btn{margin-left:auto}.post-likes{font-size:13px;font-weight:600;justify-content:space-between;padding:4px 16px 2px}.post-likes,.post-views{align-items:center;display:flex}.post-views{color:#90a4ae;color:var(--text-3);font-size:12px;font-weight:400;gap:4px}.post-caption{font-size:13px;line-height:1.55;padding:2px 16px 8px}.post-caption strong{font-weight:600;margin-right:5px}.post-comments{padding:0 16px 10px}.post-comment-count{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:block;font-size:12px;margin-bottom:4px}.post-comment-row{align-items:center;display:flex;gap:6px;margin-bottom:3px}.comment-like-btn{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;font-size:12px}.comment-like-btn.liked{color:#ef4444;color:var(--danger)}.post-add-comment{border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;gap:8px;padding:10px 16px 0}.post-add-comment input{background:none;border:none;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none}.post-add-comment button{background:none;border:none;color:#7c3aed;color:var(--accent);cursor:pointer;font-size:13px;font-weight:500}.post-sale-badge{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border-radius:20px;box-shadow:0 2px 8px #7c3aed4d;color:#fff;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;margin-left:auto;padding:3px 10px}.sidebar-profile{align-items:center;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-bottom:14px;padding:16px}.sidebar-profile img{border-radius:50%;height:48px;object-fit:cover;width:48px}.sidebar-profile-info strong{display:block;font-size:13px;font-weight:600}.sidebar-profile-info span{color:#90a4ae;color:var(--text-3);font-size:12px}.suggestions{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);padding:16px}.suggestions h4{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.suggestion-item{align-items:center;display:flex;gap:10px;margin-bottom:12px}.suggestion-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.suggestion-item-info{flex:1 1}.suggestion-item-info strong{display:block;font-size:12px;font-weight:500}.suggestion-item-info span{color:#90a4ae;color:var(--text-3);font-size:11px}.avatar-fallback{align-items:center;background:#f6f9fc;background:var(--surface-2);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:50%;color:#546e7a;color:var(--text-2);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;width:34px}.avatar-fallback.large{font-size:24px;height:72px;width:72px}.avatar-fallback.small{font-size:11px;height:28px;width:28px}.online-dot{background:#e8ecf0;background:var(--border);display:inline-block;height:8px;width:8px}.online-dot.online{background:#10b981;background:var(--success)}.skeleton-avatar,.skeleton-image,.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e8ecf0 25%,#f6f9fc 50%,#e8ecf0 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface-2) 50%,var(--border) 75%);background-size:400px 100%}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:34px;width:34px}.skeleton-line{border-radius:6px;height:11px}.skeleton-image{height:280px;width:100%}.skeleton-user{gap:10px;margin-bottom:10px}.modal-overlay,.skeleton-user{align-items:center;display:flex}.modal-overlay{animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a17148c;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.modal{animation:modalIn .2s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #0a25401f,0 4px 12px #0a25400f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:460px;overflow-y:auto;padding:28px;width:100%}.modal h3{font-size:17px;font-weight:600;margin-bottom:20px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.upload-area{align-items:center;border:1.5px dashed #e8ecf0;border:1.5px dashed var(--border);border-radius:14px;border-radius:var(--radius);color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;min-height:140px;padding:28px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#90a4ae;border-color:var(--text-3)}.upload-area img{border-radius:8px;border-radius:var(--radius-sm);max-height:200px}.post-detail-modal{box-shadow:0 12px 40px #0a25401f,0 4px 12px #0a25400f;box-shadow:var(--shadow-lg);max-width:860px;width:95vw}.modal-close-btn{background:#1a171480;font-size:13px;height:28px;right:12px;top:12px;width:28px}.post-detail-left img{max-height:90vh}.post-detail-right{max-height:90vh;width:320px}.post-detail-header{padding:13px 14px}.post-detail-header img{border-radius:50%;height:32px;object-fit:cover;width:32px}.post-detail-caption{font-size:13px;line-height:1.55;padding:12px 14px}.post-detail-comments{gap:8px;padding:10px 14px}.post-detail-comment{font-size:12px}.post-detail-actions{gap:10px;padding:10px 14px}.post-detail-actions button{font-size:20px}.post-detail-comment-form{padding:9px 14px}.share-modal{max-width:360px}.share-options{display:flex;flex-direction:column;gap:8px;margin:14px 0}.share-option{background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;padding:11px 14px;text-align:left;transition:background .15s}.share-option:hover{background:#f6f9fc;background:var(--surface-2)}.profile-page{margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:520px;max-width:var(--feed-width);padding:0 16px}.profile-header{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);margin-bottom:32px;padding-bottom:28px}@media(max-width:480px){.profile-header{gap:18px}}.profile-header img{border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:50%;height:90px;object-fit:cover;width:90px}.profile-info h2{font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:14px}.profile-stats{gap:28px}.profile-stat{text-align:center}.profile-stat strong{display:block;font-size:17px;font-weight:700}.profile-stat span{color:#90a4ae;color:var(--text-3);font-size:12px}.profile-grid{grid-gap:2px;border-radius:14px;border-radius:var(--radius);gap:2px;overflow:hidden}.profile-grid-item img{transition:transform .3s}.explore-overlay{background:#1a171400;font-size:13px;font-weight:600;transition:background .2s}.profile-grid-item:hover .explore-overlay{background:#1a171466}@media (max-width:768px){.chat-page{display:flex;flex-direction:column;grid-template-columns:1fr;height:calc(100dvh - 124px);height:calc(100dvh - var(--nav-h) - 64px);position:relative}.chat-page:not(.has-active) .chat-main{display:none}.chat-page:not(.has-active) .chat-sidebar{display:flex!important;flex-direction:column;width:100%}.chat-page.has-active .chat-sidebar{display:none!important}.chat-page.has-active .chat-main{display:flex!important;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-page.has-active .chat-messages{flex:1 1;min-height:0;overflow-y:auto}.chat-page.has-active .chat-input-bar{flex-shrink:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-send-btn{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316)!important;background:var(--gradient)!important;color:#fff!important}}.chat-list{border-right:1px solid #f0f3f7;border-right:1px solid var(--border-soft);display:flex;flex-direction:column}.chat-list,.chat-list-header{background:#fff;background:var(--surface)}.chat-list-header{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:17px;font-style:italic;font-weight:700;padding:18px 16px 14px;position:sticky;top:0;z-index:2}.chat-item,.chat-list-header{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft)}.chat-item{gap:11px;min-width:0;position:relative;transition:background .15s}.chat-item.active,.chat-item:hover{background:#f6f9fc;background:var(--surface-2)}.chat-item img{border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.chat-item-info strong{font-size:13px;font-weight:600}.chat-item-info span,.chat-item-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-info span{color:#90a4ae;color:var(--text-3);font-size:12px;margin-top:2px}.chat-unread-badge{background:#22c55e;border-radius:10px;min-width:20px;padding:0 5px}.chat-window{background:#fff;background:var(--bg);display:flex;flex-direction:column;min-width:0;overflow:hidden}.chat-window-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.chat-window-header img{border-radius:50%;height:36px;object-fit:cover;width:36px}.chat-messages{min-height:0;overflow-x:hidden;padding:16px 16px 8px}.message-row{display:flex;flex-direction:column;margin-bottom:4px;max-width:100%;position:relative}.message-row.mine{align-items:flex-end}.message-row.theirs{align-items:flex-start}.message-bubble-wrap{align-items:flex-end;display:flex;gap:5px;max-width:72%}.message-row.mine .message-bubble-wrap{flex-direction:row-reverse}.message-row.theirs .message-bubble-wrap{flex-direction:row}.message-bubble{word-wrap:break-word;border-radius:18px;font-size:13.5px;line-height:1.5;max-width:100%;overflow-wrap:break-word;padding:9px 13px;word-break:break-word}.message-bubble.mine{background:#0a2540;background:var(--text);border-bottom-right-radius:4px;color:#fff;color:var(--bg)}.message-bubble.theirs{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-bottom-left-radius:4px;color:#0a2540;color:var(--text)}.msg-tick{flex-shrink:0;font-size:14px;line-height:1}.msg-tick.sent{color:#90a4ae;color:var(--text-3)}.msg-tick.seen{color:#0095f6}.msg-time{margin-top:2px;padding:0 4px}.msg-actions{background:#fff;background:var(--surface);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;gap:3px;padding:3px 8px}.msg-actions button{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;font-size:14px;padding:2px 3px;transition:color .2s}.msg-actions button:hover{color:#0a2540;color:var(--text)}.msg-reactions{gap:4px;margin-top:3px;padding:0 4px}.reaction-chip{background:#fff;background:var(--surface);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:12px;padding:2px 7px;transition:transform .15s}.reaction-chip:hover{transform:scale(1.15)}.reaction-picker{background:#fff;background:var(--surface);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow);display:flex;gap:4px;padding:6px 10px;position:absolute;top:-48px;z-index:20}.reaction-picker.right{right:0}.reaction-picker.left{left:0}.reaction-picker button{background:none;border:none;cursor:pointer;font-size:18px;transition:transform .15s}.reaction-picker button:hover{transform:scale(1.3)}.reply-preview-bubble{background:#f6f9fc;background:var(--surface-2);border-left:3px solid #7c3aed;border-left:3px solid var(--accent);border-radius:6px;color:#90a4ae;color:var(--text-3);font-size:11px;margin-bottom:3px;max-width:260px;padding:5px 10px}.reply-preview-name{color:#7c3aed;color:var(--accent);display:block;font-weight:700;margin-bottom:2px}.reply-banner{align-items:center;background:#f6f9fc;background:var(--surface-2);border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;flex-shrink:0;justify-content:space-between;padding:9px 16px}.reply-banner-content{display:flex;flex-direction:column;gap:2px}.reply-banner-name{color:#7c3aed;color:var(--accent);font-size:11px;font-weight:700}.reply-banner-text{color:#90a4ae;color:var(--text-3);font-size:12px}.reply-banner button{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;font-size:16px}.chat-input{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.chat-input input{background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:22px;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;min-width:0;outline:none;padding:10px 16px;transition:border-color .2s}.chat-input input:focus{border-color:#90a4ae;border-color:var(--text-3)}.chat-input button{align-items:center;background:#0a2540;background:var(--text);border:none;border-radius:50%;color:#fff;color:var(--bg);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;transition:opacity .2s;width:38px}.chat-input button:hover{opacity:.75}.chat-empty{align-items:center;color:#90a4ae;color:var(--text-3);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;text-align:center}.chat-empty h3{color:#546e7a;color:var(--text-2);font-size:16px;font-weight:600}.typing-indicator{align-items:center;margin-bottom:4px;padding:6px 14px}.typing-dot{animation:typingBounce 1.2s infinite;background:#90a4ae;background:var(--text-3);border-radius:50%;height:7px;width:7px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.notif-page,.notifications-page{animation:pageIn .3s ease;margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:520px;max-width:var(--feed-width);padding:0 16px}.notif-header{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);margin-bottom:8px;padding:8px 0 16px}.notif-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:400}.notif-group-label,.notif-group-title{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:1px;padding:14px 0 6px;text-transform:uppercase}.notif-item{align-items:center;border-radius:14px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;margin-bottom:2px;padding:11px 12px;transition:background .15s}.notif-item:hover{background:#fff;background:var(--surface)}.notif-item.unread{background:#7c3aed1a;background:var(--accent-soft)}.notif-avatar{border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.notif-content{flex:1 1;font-size:13px;line-height:1.4}.notif-time{color:#90a4ae;color:var(--text-3);font-size:11px;margin-top:2px}.search-page{margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:520px;max-width:var(--feed-width)}.search-bar-wrap{border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);padding:0 14px}.search-icon{font-size:16px}.search-input{background:#0000;font-size:14px;padding:11px 10px}.search-clear{font-size:15px}.search-user-item{border-radius:14px;border-radius:var(--radius);color:#0a2540;color:var(--text);padding:10px}.search-user-item:hover{background:#fff;background:var(--surface)}.search-user-item img{border-radius:50%;height:44px;object-fit:cover;width:44px}.search-user-info strong{display:block;font-size:13px;font-weight:500}.search-user-info span{color:#90a4ae;color:var(--text-3);font-size:12px}.search-empty{padding:48px 20px}.search-empty-icon{margin-bottom:12px}.explore-page{margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:800px}.explore-page h2{font-size:22px;margin-bottom:18px}.explore-filters{margin-bottom:16px}.explore-filter-btn,.explore-filters button{border:1px solid #e8ecf0;border:1px solid var(--border);padding:6px 16px;transition:all .2s}.explore-grid{grid-gap:2px;gap:2px}.explore-grid-item img,.explore-item img{transition:transform .35s}.explore-grid-item:hover img,.explore-item:hover img{transform:scale(1.05)}.edit-profile-page{animation:pageIn .3s ease;margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:540px;padding:0 16px}.edit-profile-card{padding:28px}.edit-profile-card h2{font-size:18px;font-weight:600;margin-bottom:24px}.edit-avatar-wrap{gap:16px}.edit-avatar img{border-radius:50%;height:72px;width:72px}.edit-avatar-overlay{background:#00000059;border-radius:50%;font-size:18px}.edit-form{gap:14px}.edit-field label{font-weight:600;letter-spacing:.3px}.edit-field input,.edit-field textarea{border:1px solid #e8ecf0;border:1px solid var(--border);padding:10px 12px}.edit-actions{gap:8px;justify-content:flex-end}.edit-section{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);margin-bottom:14px;padding:22px}.edit-section h3{color:#90a4ae;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:16px;text-transform:uppercase}.analytics-page{margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px}.analytics-header h1{font-size:20px;font-weight:700;letter-spacing:-.3px}.analytics-header p{color:#90a4ae;color:var(--text-3);font-size:12px}.analytics-tabs{margin-bottom:24px}.analytics-tabs button{padding:9px 18px}.analytics-tabs button.active{font-weight:600}.stat-cards-grid{margin-bottom:20px}.stat-card{padding:16px;transition:box-shadow .2s}.stat-card-icon{border-radius:10px;font-size:18px;height:40px;width:40px}.stat-card-value{font-size:20px}.stat-card-label{margin-top:3px}.chart-card{margin-bottom:16px;padding:18px}.chart-card-header{margin-bottom:14px}.chart-card-header h3{font-size:15px}.seller-dashboard{animation:pageIn .3s ease;margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:820px;padding:0 16px}.seller-header{margin-bottom:18px}.seller-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.seller-listings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:18px}@media(max-width:560px){.seller-listings-grid{grid-template-columns:repeat(2,1fr)}}.seller-listing-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s}.seller-listing-card:hover{transform:translateY(-2px)}.seller-listing-img{aspect-ratio:1;overflow:hidden;position:relative}.seller-listing-img img{height:100%;object-fit:cover;width:100%}.sold-overlay{align-items:center;background:#1a17148c;color:#f7f4ef;display:flex;font-size:18px;font-weight:700;inset:0;justify-content:center;letter-spacing:3px;position:absolute}.seller-listing-info{font-size:12px;padding:10px}.browse-filters{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:14px}.browse-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.filter-select{background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;outline:none;padding:7px 12px}.browse-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:560px){.browse-grid{grid-template-columns:repeat(2,1fr)}}.browse-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.browse-card:hover{box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow);transform:translateY(-2px)}.browse-img{aspect-ratio:1;overflow:hidden;position:relative}.browse-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.browse-card:hover .browse-img img{transform:scale(1.04)}.wishlist-btn{background:#fefcf8eb;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:30px;position:absolute;right:8px;top:8px;transition:transform .2s;width:30px}.wishlist-btn:hover{transform:scale(1.15)}.browse-info{padding:10px}.browse-rate-row{align-items:center;display:flex;gap:6px;margin-top:5px}.star-rating{display:flex;gap:2px}.ai-caption-page{animation:pageIn .3s ease;margin:80px auto 40px;margin:calc(var(--nav-h) + 20px) auto 40px;max-width:640px;padding:0 16px}.ai-caption-container{display:flex;flex-direction:column;gap:16px}.ai-header{background:#0a2540;background:var(--text);border-radius:20px;border-radius:var(--radius-lg);color:#fff;color:var(--bg);gap:14px;padding:18px}.ai-header-icon{font-size:28px}.ai-header h1{font-size:18px;font-weight:700}.ai-header p{font-size:12px;margin-top:2px;opacity:.65}.ai-input-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);gap:16px;padding:20px}.ai-field,.ai-input-card{display:flex;flex-direction:column}.ai-field{gap:6px}.ai-field label{color:#546e7a;color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ai-field textarea{background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s}.ai-field textarea:focus{border-color:#90a4ae;border-color:var(--text-3)}.ai-chips{display:flex;flex-wrap:wrap;gap:6px}.ai-chips button{background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;padding:5px 12px;transition:all .2s}.ai-chips button.active{border-color:#0a2540;border-color:var(--text);color:#fff}.ai-chips button.active,.ai-generate-btn{background:#0a2540;background:var(--text);color:var(--bg)}.ai-generate-btn{font-size:14px;font-weight:600;padding:12px}.ai-generate-btn:hover{opacity:.8}.ai-generate-btn:disabled{opacity:.4}.ai-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:13px;width:13px}.ai-results{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;padding:18px}.ai-results-tabs{border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border);display:flex;gap:5px;padding-bottom:10px}.ai-results-tabs button{background:#0000;border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:6px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;padding:5px 12px;transition:all .15s}.ai-results-tabs button.active{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.ai-captions-list{display:flex;flex-direction:column;gap:7px}.ai-caption-item{align-items:flex-start;background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:11px}.ai-caption-num{align-items:center;background:#0a2540;background:var(--text);border-radius:50%;color:#fff;color:var(--bg);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.ai-caption-item p{flex:1 1;font-size:13px;line-height:1.5}.ai-copy-btn{padding:1px}.ai-hashtags-grid{display:flex;flex-wrap:wrap;gap:5px}.ai-hashtag-chip{align-items:center;background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:6px;color:#7c3aed;color:var(--accent);cursor:pointer;display:flex;font-size:12px;gap:1px;padding:4px 9px;transition:all .15s}.ai-hashtag-chip:hover{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.ai-copy-all-btn{align-items:center;border:1px solid #e8ecf0;border:1px solid var(--border);color:#0a2540;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;gap:5px;padding:8px 13px;transition:all .15s;width:fit-content}.ai-bio-card,.ai-copy-all-btn{background:#fff;background:var(--bg);border-radius:8px;border-radius:var(--radius-sm);display:flex}.ai-bio-card{align-items:flex-start;border:1px solid #e8ecf0;border:1px solid var(--border);font-size:13px;gap:10px;line-height:1.6;padding:13px}.ai-bio-card p{flex:1 1}.ai-bio-hint{font-size:11px}.ai-bio-hint,.ai-loading-card{color:#90a4ae;color:var(--text-3)}.ai-loading-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);font-size:13px;padding:28px;text-align:center}.ai-loading-dots{display:flex;gap:5px;justify-content:center;margin-bottom:10px}.ai-loading-dots span{animation:bounce 1.2s infinite;background:#0a2540;background:var(--text);border-radius:50%;height:7px;width:7px}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}[data-theme=dark] .navbar{border-color:#e8ecf0;border-color:var(--border)}[data-theme=dark] .auth-box,[data-theme=dark] .create-post,[data-theme=dark] .post-card,[data-theme=dark] .sidebar-profile,[data-theme=dark] .stories-bar,[data-theme=dark] .suggestions{background:#fff;background:var(--surface);border-color:#e8ecf0;border-color:var(--border)}[data-theme=dark] .auth-form input,[data-theme=dark] .message-bubble.theirs{background:#f6f9fc;background:var(--surface-2);border-color:#e8ecf0;border-color:var(--border);color:#0a2540;color:var(--text)}[data-theme=dark] .mobile-menu,[data-theme=dark] .modal{background:#fff;background:var(--surface);border-color:#e8ecf0;border-color:var(--border)}[data-theme=dark] .skeleton-avatar,[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-line{background:linear-gradient(90deg,#f6f9fc 25%,#e8ecf0 50%,#f6f9fc 75%);background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:400px 100%}[data-theme=dark] .reel-create-btn{background:#ffffff26;border:1px solid #fff3;color:#fff}.mobile-bottom-nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffeb;box-shadow:0 -4px 20px #0a25400f;height:64px;padding:0 4px env(safe-area-inset-bottom);z-index:100}[data-theme=dark] .mobile-bottom-nav{background:#080c14f2;border-top:1px solid #e8ecf0;border-top:1px solid var(--border)}@media (max-width:768px){.mobile-bottom-nav{display:flex}.ai-caption-page,.analytics-page,.edit-profile-page,.explore-page,.main-layout,.marketplace-page,.notif-page,.notifications-page,.profile-page,.search-page,.seller-dashboard{padding-bottom:80px}.desktop-nav,.hamburger{display:none!important}}.mobile-nav-item{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:22px;gap:3px;padding:6px 0 2px;transition:color .15s,transform .15s}.mobile-nav-item.active{color:#7c3aed;color:var(--accent)}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-icon{align-items:center;font-size:22px;justify-content:center;line-height:1}.mobile-nav-label{color:inherit;font-size:9px;font-weight:600;letter-spacing:.2px;line-height:1}.mobile-nav-avatar{border:1.5px solid #e8ecf0;border:1.5px solid var(--border);height:24px;width:24px}.mobile-nav-item.active .mobile-nav-avatar{border-color:#7c3aed;border-color:var(--accent)}.mobile-nav-item.create{color:#fff}.mobile-nav-create-icon{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border-radius:10px;box-shadow:0 4px 12px #7c3aed66;font-size:20px;height:30px;transition:transform .15s,box-shadow .15s}.mobile-nav-item.create .mobile-nav-label{color:#90a4ae;color:var(--text-3)}.mobile-nav-item.create:active .mobile-nav-create-icon{transform:scale(.9)}.mobile-more-drawer{align-items:flex-end;background:#0006;display:flex;inset:0;position:fixed;z-index:200}.mobile-more-content{animation:modalIn .25s ease;background:#fff;background:var(--surface);border-radius:20px 20px 0 0;padding:12px 20px 40px;width:100%}.mobile-more-handle{background:#e8ecf0;background:var(--border);border-radius:2px;height:4px;margin:0 auto 20px;width:36px}.mobile-more-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.mobile-more-item{align-items:center;background:#f6f9fc;background:var(--surface-2);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);color:#546e7a;color:var(--text-2);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;gap:8px;padding:16px 8px;text-decoration:none;transition:background .15s,color .15s}.mobile-more-item:active,.mobile-more-item:hover{background:#7c3aed1a;background:var(--accent-soft);border-color:#7c3aed;border-color:var(--accent);color:#7c3aed;color:var(--accent)}.mobile-more-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.mobile-notif-badge{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border-radius:8px;font-weight:700}@media (max-width:360px){.stat-cards-grid{grid-template-columns:1fr}}.post-analytics-item{transition:box-shadow .2s}.post-analytics-item:hover{box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow)}@media (max-width:480px){.post-engagement-bar{display:none}}.audience-stat-icon{font-size:14px;position:absolute;right:10px;top:10px}.tip-card{box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm)}.analytics-page{animation:pageIn .3s ease;margin:80px auto 60px;margin:calc(var(--nav-h) + 20px) auto 60px;max-width:820px;padding:0 16px}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.analytics-header-left{align-items:center;display:flex;gap:14px}.analytics-avatar{height:56px;position:relative;width:56px}.analytics-avatar .avatar-fallback,.analytics-avatar img{border:2px solid #e8ecf0;border:2px solid var(--border);border-radius:50%;height:56px;object-fit:cover;width:56px}.analytics-verified{align-items:center;background:#fff;background:var(--surface);border-radius:50%;bottom:-2px;display:flex;font-size:16px;height:22px;justify-content:center;position:absolute;right:-2px;width:22px}.analytics-header-left h1{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 2px}.analytics-header-left p{color:#90a4ae;color:var(--text-3);font-size:12px;margin:0}.analytics-tabs{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;gap:4px;margin-bottom:20px}.analytics-tabs button{background:none;border:none;border-bottom:2px solid #0000;border-radius:0;color:#90a4ae;color:var(--text-3);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;margin-bottom:-1px;padding:9px 20px;transition:all .2s}.analytics-tabs button.active{border-bottom-color:#0a2540;border-bottom-color:var(--text);color:#0a2540;color:var(--text);font-weight:700}.analytics-tabs button:hover:not(.active){color:#546e7a;color:var(--text-2)}.stat-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}@media (max-width:640px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{align-items:center;animation:fadeUp .4s ease both;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:16px 14px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:42px;justify-content:center;width:42px}.stat-card-body{flex:1 1;min-width:0}.stat-card-value{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1}.stat-card-label{letter-spacing:.4px;margin-top:4px;text-transform:uppercase}.stat-card-label,.stat-card-sub{color:#90a4ae;color:var(--text-3);font-size:11px}.stat-card-sub{margin-top:2px}.chart-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:18px 16px}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-card-header h3{font-size:14px;font-weight:600;margin:0}.chart-badge{background:#f6f9fc;background:var(--surface-2);border-radius:20px;color:#90a4ae;color:var(--text-3);font-size:11px;padding:3px 10px}.chart-badge,.chart-tooltip{border:1px solid #e8ecf0;border:1px solid var(--border)}.chart-tooltip{background:#fff;background:var(--surface);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow);font-size:12px;padding:10px 14px}.chart-tooltip-label{color:#546e7a;color:var(--text-2);font-weight:600;margin-bottom:4px}.best-post-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:16px}.best-post-badge{align-items:center;color:#e17055;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.best-post-content{align-items:flex-start;display:flex;gap:14px}.best-post-content img{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:80px;object-fit:cover;width:80px}.best-post-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#546e7a;color:var(--text-2);display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:10px;overflow:hidden}.best-post-stats{display:flex;flex-wrap:wrap;gap:14px}.best-post-stats span{align-items:center;color:#546e7a;color:var(--text-2);display:flex;font-size:12px;font-weight:600;gap:4px}.posts-analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.posts-analytics-header h3{font-size:15px;font-weight:600;margin:0}.post-analytics-list{display:flex;flex-direction:column;gap:10px}.post-analytics-item{align-items:center;animation:fadeUp .35s ease both;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:12px 14px}.post-rank{color:#90a4ae;color:var(--text-3);flex-shrink:0;font-size:11px;font-weight:700;text-align:center;width:24px}.post-analytics-item img{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:52px;object-fit:cover;width:52px}.post-analytics-info{flex:1 1;min-width:0}.post-analytics-info p{color:#546e7a;color:var(--text-2);font-size:12px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-analytics-stats{display:flex;flex-wrap:wrap;gap:10px}.post-analytics-stats span{align-items:center;color:#90a4ae;color:var(--text-3);display:flex;font-size:11px;font-weight:600;gap:3px}.post-engagement-bar{background:#e8ecf0;background:var(--border);border-radius:4px;flex-shrink:0;height:6px;overflow:hidden;width:80px}.audience-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}@media (max-width:560px){.audience-stat-row{grid-template-columns:repeat(2,1fr)}}.audience-stat-box{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);padding:16px 12px;position:relative;text-align:center}.audience-stat-num{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.audience-stat-label{color:#90a4ae;color:var(--text-3);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.creator-tips{margin-top:20px}.creator-tips h3{font-size:15px;font-weight:600;margin-bottom:14px}.tips-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.tips-grid{grid-template-columns:1fr}}.tip-card{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);color:#546e7a;color:var(--text-2);display:flex;font-size:13px;gap:10px;line-height:1.5;padding:14px}.tip-card span{flex-shrink:0;font-size:22px}.analytics-loading{display:flex;flex-direction:column;gap:12px;padding-top:10px}.analytics-pulse{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e8ecf0 25%,#f6f9fc 50%,#e8ecf0 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface-2) 50%,var(--border) 75%);background-size:400px 100%;border-radius:8px;height:18px;width:40%}.analytics-grid-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:6px}.stat-card-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e8ecf0 25%,#f6f9fc 50%,#e8ecf0 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface-2) 50%,var(--border) 75%);background-size:400px 100%;border-radius:14px;border-radius:var(--radius);height:80px}.marketplace-page-wrap{animation:pageIn .3s ease;margin:84px auto 80px;margin:calc(var(--nav-h) + 24px) auto 80px;max-width:1080px;padding:0 24px}.marketplace-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.marketplace-title{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:30px;font-style:italic;font-weight:500;letter-spacing:-.5px;margin:0 0 3px}.marketplace-subtitle{color:#90a4ae;color:var(--text-3);font-size:13px;margin:0}.marketplace-tabs{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;gap:4px;margin-bottom:22px}.marketplace-tab{background:none;border:none;border-bottom:2px solid #0000;color:#90a4ae;color:var(--text-3);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;margin-bottom:-1px;padding:10px 22px;transition:all .2s}.marketplace-tab.active{border-bottom-color:#0a2540;border-bottom-color:var(--text);color:#0a2540;color:var(--text);font-weight:700}.marketplace-tab:hover:not(.active){color:#546e7a;color:var(--text-2)}.marketplace-filters{align-items:center;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;padding:14px 18px}.marketplace-search-wrap{align-items:center;background:#fff;background:var(--bg);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex:1 1;gap:8px;min-width:180px;padding:0 14px}.marketplace-search-icon{color:#90a4ae;color:var(--text-3);flex-shrink:0;font-size:16px}.marketplace-search-input{background:#0000;border:none;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:10px 0}.marketplace-price-filter{align-items:center;color:#546e7a;color:var(--text-2);display:flex;flex:1 1;font-size:13px;gap:10px;min-width:180px}.marketplace-count{background:#f6f9fc;background:var(--surface-2);border-radius:20px;color:#90a4ae;color:var(--text-3);font-size:12px;padding:4px 10px;white-space:nowrap}.product-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}@media (max-width:740px){.product-grid{gap:14px;grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.product-grid{gap:14px;grid-template-columns:1fr}}.product-card{animation:fadeUp .35s ease both;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.product-card:hover{box-shadow:0 16px 40px #1a171421;transform:translateY(-5px)}.product-img-wrap{aspect-ratio:1/1;background:#f6f9fc;background:var(--surface-2);overflow:hidden;position:relative}.product-img{display:block;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1);width:100%}.product-card:hover .product-img{transform:scale(1.07)}.product-wishlist-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border:none;border-radius:50%;box-shadow:0 2px 10px #00000024;cursor:pointer;display:flex;font-size:17px;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:transform .15s;width:36px;z-index:2}.product-wishlist-btn:hover{transform:scale(1.18)}.product-price-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:22px;bottom:12px;color:#fff;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:18px;font-weight:800;left:12px;letter-spacing:-.3px;padding:5px 14px;position:absolute;z-index:2}.product-sold-overlay{align-items:center;background:#0000008c;color:#fff;display:flex;font-size:22px;font-weight:900;inset:0;justify-content:center;letter-spacing:5px;position:absolute;z-index:3}.product-info{display:flex;flex:1 1;flex-direction:column;gap:11px;padding:16px 16px 18px}.product-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0a2540;color:var(--text);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.55;margin:0;min-height:44px;overflow:hidden}.product-meta{gap:8px;justify-content:space-between}.product-meta,.product-seller{align-items:center;display:flex}.product-seller{gap:7px;min-width:0}.product-seller img,.product-seller-initial{border-radius:50%;flex-shrink:0;height:26px;object-fit:cover;width:26px}.product-seller-initial{align-items:center;background:#f6f9fc;background:var(--surface-2);color:#90a4ae;color:var(--text-3);display:flex;font-size:11px;font-weight:700;justify-content:center}.product-seller span{color:#90a4ae;color:var(--text-3);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-rating{align-items:center;color:#546e7a;color:var(--text-2);display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:3px}.product-rating-count{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:400}.product-buy-btn{background:#0a2540;background:var(--text);color:var(--bg);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;gap:8px;letter-spacing:.2px;margin-top:auto;padding:12px}.product-buy-btn:hover:not(:disabled){opacity:.83;transform:scale(.99)}.product-buy-btn:disabled{background:#f6f9fc;background:var(--surface-2);border:1px solid #e8ecf0;border:1px solid var(--border);color:#90a4ae;color:var(--text-3);cursor:not-allowed}.product-skeleton{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden}.marketplace-empty{align-items:center;color:#90a4ae;color:var(--text-3);display:flex;flex-direction:column;font-size:15px;gap:12px;padding:80px 20px;text-align:center}.product-modal{animation:modalIn .22s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000038;display:flex;max-height:92vh;max-width:880px;overflow:hidden;width:96vw}@media (max-width:640px){.product-modal{flex-direction:column;max-height:96vh}}.product-modal-img{align-items:center;background:#0a0a0a;display:flex;flex:1 1;justify-content:center;min-height:320px;overflow:hidden;position:relative}.product-modal-img img{display:block;height:100%;max-height:92vh;object-fit:contain;width:100%}@media (max-width:640px){.product-modal-img{height:260px}.product-modal-img img{max-height:260px}}.modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:17px;height:34px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .2s;width:34px;z-index:10}.modal-close-btn:hover{background:#ffffff47}.product-modal-details{border-left:1px solid #f0f3f7;border-left:1px solid var(--border-soft);display:flex;flex-direction:column;flex-shrink:0;max-height:92vh;overflow-y:auto;width:340px}@media (max-width:640px){.product-modal-details{border-left:none;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);max-height:60vh;width:100%}}.product-modal-seller{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;gap:12px;padding:18px 18px 14px}.product-modal-seller img{border-radius:50%;height:44px;object-fit:cover;width:44px}.product-modal-body{flex:1 1;padding:20px 18px 24px}.product-modal-price{color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:36px;font-weight:900;letter-spacing:-1.5px;line-height:1;margin-bottom:12px}.product-modal-desc{color:#546e7a;color:var(--text-2);font-size:14px;line-height:1.7;margin-bottom:18px}.product-tag{background:#7c3aed1a;background:var(--accent-soft);border:1px solid #2563eb1f;border-radius:20px;color:#7c3aed;color:var(--accent);display:inline-block;font-size:11px;font-weight:600;padding:5px 12px}.product-modal-wishlist{align-items:center;background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:border-color .2s,transform .15s;width:48px}.product-modal-wishlist:hover{border-color:#ef4444;transform:scale(1.07)}.product-modal-buy{align-items:center;background:#0a2540;background:var(--text);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--bg);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;padding:14px;transition:opacity .2s}.product-modal-buy:hover:not(:disabled){opacity:.83}.product-modal-buy:disabled{background:#f6f9fc;background:var(--surface-2);color:#90a4ae;color:var(--text-3);cursor:not-allowed}.explore-page{margin:80px auto 60px;margin:calc(var(--nav-h) + 20px) auto 60px}.explore-page h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:26px;font-style:italic;font-weight:400;letter-spacing:-.3px;margin-bottom:14px}.explore-header{margin-bottom:18px}.explore-filters{flex-wrap:wrap;gap:6px}.explore-filter-btn,.explore-filters button{background:#fff;background:var(--surface);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;padding:7px 16px;transition:all .18s}.explore-filter-btn.active,.explore-filters button.active{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.explore-filters button:hover:not(.active){border-color:#546e7a;border-color:var(--text-2);color:#0a2540;color:var(--text)}.explore-grid{border-radius:14px;border-radius:var(--radius);overflow:hidden}.explore-grid-item,.explore-item{aspect-ratio:1;background:#f6f9fc;background:var(--surface-2);cursor:pointer;overflow:hidden;position:relative}.explore-grid-item img,.explore-item img{display:block;height:100%;object-fit:cover;transition:transform .38s cubic-bezier(.22,1,.36,1);width:100%}.explore-grid-item:hover img,.explore-item:hover img{transform:scale(1.06)}.explore-overlay{gap:20px;transition:all .22s}.explore-grid-item:hover .explore-overlay,.explore-item:hover .explore-overlay{background:#00000061;opacity:1}.explore-sale-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:14px;font-size:12px;left:8px;padding:3px 10px;top:8px;z-index:2}.post-detail-modal{animation:modalIn .22s cubic-bezier(.22,1,.36,1);max-height:92vh;max-width:900px;position:relative;width:96vw}@media (max-width:640px){.post-detail-modal{border-radius:14px 14px 0 0;border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;max-height:95vh;width:100%}}.post-detail-left{align-items:center;background:#0a0a0a;display:flex;flex:1 1;justify-content:center;min-height:280px;overflow:hidden}.post-detail-left img{display:block;height:100%;max-height:92vh;object-fit:contain;width:100%}@media (max-width:640px){.post-detail-left{height:52vw;min-height:200px}.post-detail-left img{max-height:52vw}}.post-detail-right{background:#fff;background:var(--surface);border-left:1px solid #f0f3f7;border-left:1px solid var(--border-soft);flex-shrink:0;max-height:92vh;width:340px}@media (max-width:640px){.post-detail-right{border-left:none;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);max-height:55vh;width:100%}}.post-detail-header{padding:16px 16px 14px}.post-detail-header a{align-items:center;color:#0a2540;color:var(--text);display:flex;gap:10px;text-decoration:none}.post-detail-header a img{border-radius:50%;height:36px;object-fit:cover;width:36px}.post-detail-header strong{font-size:14px;font-weight:700}.post-detail-caption{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#546e7a;color:var(--text-2);font-size:14px;line-height:1.6;padding:14px 16px}.post-detail-caption strong{color:#0a2540;color:var(--text);font-weight:700}.post-detail-stats{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#546e7a;color:var(--text-2);display:flex;font-size:13px;font-weight:600;gap:16px;padding:10px 16px}.post-detail-comments{padding:12px 16px}.post-detail-comment{align-items:flex-start;display:flex;gap:8px}.post-detail-comment strong{font-weight:700;margin-right:2px}.post-detail-actions{align-items:center;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;gap:12px;padding:10px 16px}.post-detail-actions button{background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;font-size:22px;padding:4px;transition:color .15s,transform .15s}.post-detail-actions button:hover{color:#0a2540;color:var(--text);transform:scale(1.12)}.post-detail-actions button.liked{color:#ef4444;color:var(--danger)}.post-detail-comment-form{align-items:center;padding:10px 16px}.post-detail-comment-form input{background:#0000;border:none;padding:4px 0}.post-detail-comment-form button{background:none;color:#7c3aed;color:var(--accent);font-size:18px;font-weight:700;padding:4px 6px}.post-detail-sale-btn{align-items:center;background:#0a2540;background:var(--text);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--bg);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:700;gap:8px;justify-content:center;margin:0 16px 14px;padding:12px;transition:opacity .2s}.post-detail-sale-btn:hover{opacity:.82}@media (max-width:640px){.chat-back-btn{display:flex!important}.chat-page.has-active .chat-window{display:flex}}.checkout-modal{animation:modalIn .22s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #0003;display:flex;flex-direction:column;max-height:92vh;max-width:95vw;overflow-y:auto;width:420px}.checkout-header{justify-content:space-between;padding:18px 18px 14px}.checkout-header,.checkout-product{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex}.checkout-product{background:#f6f9fc;background:var(--surface-2);gap:12px;padding:14px 18px}.checkout-product img{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:52px;object-fit:cover;width:52px}.checkout-product-info{flex:1 1;min-width:0}.checkout-card-wrap{padding:18px 18px 14px}.stripe-card-element{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);padding:13px 14px;transition:border-color .2s}.stripe-card-element:focus-within{border-color:#7c3aed;border-color:var(--accent)}.checkout-summary{background:#f6f9fc;background:var(--surface-2);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;margin:0 18px 16px;padding:12px 14px}.checkout-summary-row{color:#546e7a;color:var(--text-2);display:flex;font-size:13px;justify-content:space-between}.checkout-summary-row.total{border-top:1px solid #e8ecf0;border-top:1px solid var(--border);color:#0a2540;color:var(--text);font-size:14px;font-weight:700;margin-top:2px;padding-top:8px}.checkout-pay-btn{background:#22c55e;font-family:Inter,sans-serif;font-family:var(--font-body);letter-spacing:.2px;margin:0 18px 18px;transition:opacity .2s}.checkout-pay-btn:hover:not(:disabled){opacity:.88}.checkout-done{align-items:center;display:flex;flex-direction:column;gap:4px;padding:36px 24px;text-align:center}.profile-page{animation:pageIn .3s ease;margin:84px auto 80px;margin:calc(var(--nav-h) + 24px) auto 80px;max-width:860px;padding:0 20px}.profile-back-btn{align-items:center;background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;gap:6px;margin-bottom:16px;padding:0}.profile-back-btn:hover{color:#0a2540;color:var(--text)}.profile-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px;margin-bottom:24px}.profile-avatar-wrap{flex-shrink:0}.profile-avatar-wrap .avatar-fallback,.profile-avatar-wrap img{border:2.5px solid #e8ecf0;border:2.5px solid var(--border);border-radius:50%;height:90px;object-fit:cover;width:90px}.profile-info{flex:1 1;min-width:0}.profile-username-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.profile-username-row h2{font-size:22px;font-weight:300;letter-spacing:-.3px;margin:0}.follows-you-badge{background:#f6f9fc;background:var(--surface-2);border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:20px;color:#90a4ae;color:var(--text-3);font-size:11px;padding:3px 10px}.profile-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:12px}.profile-stats span{color:#546e7a;color:var(--text-2);font-size:14px}.profile-stats span strong{color:#0a2540;color:var(--text)}.profile-stat-btn{background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;padding:0;transition:color .15s}.profile-stat-btn:hover{text-decoration:underline}.profile-stat-btn strong,.profile-stat-btn:hover{color:#0a2540;color:var(--text)}.profile-name{font-size:14px;font-weight:700;margin:0 0 3px}.profile-bio{color:#546e7a;color:var(--text-2);font-size:14px;line-height:1.5;margin:0 0 4px}.profile-website{color:#7c3aed;color:var(--accent);font-size:13px;font-weight:500;text-decoration:none}.profile-website:hover{text-decoration:underline}.profile-tabs{border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;margin-bottom:2px}.profile-tab{align-items:center;background:none;border:none;border-top:2px solid #0000;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:500;gap:5px;justify-content:center;letter-spacing:.5px;margin-top:-1px;padding:12px 0;text-transform:uppercase;transition:all .15s}.profile-tab.active{border-top-color:#0a2540;border-top-color:var(--text);color:#0a2540;color:var(--text);font-weight:700}.profile-tab:hover:not(.active){color:#546e7a;color:var(--text-2)}.profile-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr)}.profile-grid-item{aspect-ratio:1;background:#f6f9fc;background:var(--surface-2);cursor:pointer;overflow:hidden;position:relative}.profile-grid-item img{display:block;height:100%;object-fit:cover;transition:transform .35s;width:100%}.profile-grid-item:hover img{transform:scale(1.05)}.profile-grid-overlay{align-items:center;background:#0000;color:#fff;display:flex;font-size:14px;font-weight:700;gap:18px;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .2s}.profile-grid-item:hover .profile-grid-overlay{background:#0000005c;opacity:1}.profile-grid-sale-tag{background:#000000b3;border-radius:12px;color:#fff;font-size:11px;font-weight:700;left:7px;padding:2px 8px;position:absolute;top:7px}.profile-empty{align-items:center;color:#90a4ae;color:var(--text-3);font-size:14px;gap:10px;padding:56px 20px;text-align:center}.follow-list-modal,.profile-empty{display:flex;flex-direction:column}.follow-list-modal{animation:modalIn .2s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000002e;max-height:80vh;max-width:96vw;overflow:hidden;width:380px}.follow-list-header{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:16px 18px}.follow-list-header button{align-items:center;background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:18px}.follow-list-body{flex:1 1;overflow-y:auto}.follow-list-item{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;gap:12px;padding:12px 18px;transition:background .15s}.follow-list-item:hover{background:#f6f9fc;background:var(--surface-2)}.follow-list-item img{border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.edit-profile-page{margin:88px auto 80px;margin:calc(var(--nav-h) + 28px) auto 80px;max-width:560px;padding:0 20px}.edit-profile-card{box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);padding:28px 28px 32px}.edit-profile-card h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;margin:0 0 24px}.edit-avatar-wrap{align-items:center;display:flex;gap:18px;margin-bottom:24px}.edit-avatar{border:2px solid #e8ecf0;border:2px solid var(--border);border-radius:50%;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}.edit-avatar img{height:100%;object-fit:cover;width:100%}.edit-avatar-overlay{background:#0006;font-size:20px}.edit-avatar:hover .edit-avatar-overlay{opacity:1}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-field{gap:6px}.edit-field label{color:#546e7a;color:var(--text-2)}.edit-field input,.edit-field textarea{resize:none}.edit-field input:focus,.edit-field textarea:focus{border-color:#90a4ae;border-color:var(--text-3)}.edit-actions{display:flex;gap:10px;margin-top:4px}.edit-divider{background:#f0f3f7;background:var(--border-soft);height:1px;margin:24px 0}.edit-profile-card h3{font-size:15px;font-weight:600;margin:0 0 16px}.story-viewer-overlay{animation:fadeIn .2s ease;z-index:9999}.story-viewer{background:#000;box-shadow:0 32px 80px #0009;display:flex;flex-direction:column;height:100dvh;max-height:720px;max-width:400px;width:100%}.story-progress-bars{left:0;padding:12px 12px 8px;right:0;top:0}.story-progress-bar{background:#ffffff59;border-radius:4px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{border-radius:4px;transition:width .1s linear}.story-header{gap:10px;left:0;padding:8px 14px;right:0;top:28px}.story-header img{object-fit:cover}.story-header img,.story-header-avatar-fallback{border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;height:36px;width:36px}.story-header-avatar-fallback{align-items:center;background:#7c3aed;background:var(--accent);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.story-header span{color:#fff;flex:1 1;font-size:13px;font-weight:600;text-shadow:0 1px 4px #00000080}.story-header-time{color:#fff9;font-size:11px;text-shadow:0 1px 4px #00000080}.story-close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;opacity:.85;padding:4px;transition:opacity .15s}.story-close-btn:hover{opacity:1}.story-img{inset:0;position:absolute}.story-caption{background:linear-gradient(#0000,#00000073);bottom:70px;left:0;padding:12px 18px;right:0;text-align:center;text-shadow:0 2px 8px #000c;z-index:10}.story-bottom{align-items:center;display:flex;gap:10px;padding:14px 16px}.story-reply-input{border:1.5px solid #ffffff59;border-radius:24px;padding:9px 16px}.story-reply-input:focus{border-color:#ffffffb3}.story-reply-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:22px;opacity:.8;transition:opacity .15s}.story-reply-btn:hover{opacity:1}.story-nav{display:flex;inset:0;position:absolute;z-index:5}.story-nav-btn{background:none;border:none;cursor:pointer;flex:1 1;outline:none}.story-arrow{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:40px;z-index:20}.story-arrow:hover{background:#ffffff40}.story-arrow.prev{left:-54px}.story-arrow.next{right:-54px}.stories-bar{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);gap:14px;margin-bottom:16px;padding:14px 16px}.story-add-btn,.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.story-add-btn span,.story-item span{color:#90a4ae;color:var(--text-3);font-size:11px;max-width:56px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-avatar-ring{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);border-radius:50%;flex-shrink:0;height:56px;padding:2.5px;width:56px}.story-avatar-ring.own{background:#e8ecf0;background:var(--border)}.story-avatar-ring.seen{background:#f0f3f7;background:var(--border-soft)}.story-avatar-ring img{display:block;object-fit:cover}.story-avatar-fallback,.story-avatar-ring img{border:2.5px solid #fff;border:2.5px solid var(--surface);border-radius:50%;height:100%;width:100%}.story-avatar-fallback{background:#f6f9fc;background:var(--surface-2);color:#546e7a;color:var(--text-2);font-size:18px;font-weight:700}.story-add-icon,.story-avatar-fallback{align-items:center;display:flex;justify-content:center}.story-add-icon{background:#7c3aed;background:var(--accent);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:0;color:#fff;font-size:12px;height:18px;position:absolute;right:0;width:18px}.story-add-btn>div{position:relative}@media (max-width:480px){.story-viewer{border-radius:0;max-height:100dvh;max-width:100%}.story-viewer-overlay{background:#000}.story-arrow{display:none}}.search-page{animation:pageIn .3s ease;margin:80px auto;margin:calc(var(--nav-h) + 20px) auto 80px;max-width:680px;padding:0 16px}.search-bar-wrap{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:30px;display:flex;gap:10px;margin-bottom:14px;padding:0 16px;position:relative;transition:border-color .2s}.search-bar-wrap:focus-within{border-color:#90a4ae;border-color:var(--text-3)}.search-icon{color:#90a4ae;color:var(--text-3);flex-shrink:0;font-size:18px}.search-input{background:none;border:none;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;outline:none;padding:13px 0}.search-clear{align-items:center;background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:16px;padding:4px}.search-tabs{display:flex;gap:8px;margin-bottom:12px}.search-tab{align-items:center;background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s}.search-tab.active{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.search-tab-count{background:#7c3aed;background:var(--accent);border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.search-user-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:2px;padding:11px 14px;transition:background .15s}.search-user-item:hover{background:#f6f9fc;background:var(--surface-2)}.search-posts-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);margin-top:4px}.search-post-item{aspect-ratio:1;background:#f6f9fc;background:var(--surface-2);cursor:pointer;overflow:hidden;position:relative}.search-post-item img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.search-post-item:hover img{transform:scale(1.05)}.search-post-overlay{align-items:center;background:#0000;color:#fff;display:flex;font-size:13px;font-weight:700;gap:14px;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .2s}.search-post-item:hover .search-post-overlay{background:#0006;opacity:1}.search-post-price{background:#000000b3;border-radius:10px;bottom:6px;color:#fff;font-size:11px;font-weight:700;left:6px;padding:2px 7px;position:absolute}.search-empty{color:#90a4ae;color:var(--text-3);padding:50px 20px;text-align:center}.search-empty-icon{font-size:40px;margin-bottom:10px}.search-trending{padding:4px 0}.search-trending-title{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.search-tags-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.search-tag-pill{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:4px;padding:7px 14px;transition:all .15s}.search-tag-pill:hover{background:#f6f9fc;background:var(--surface-2);border-color:#90a4ae;border-color:var(--text-3);color:#0a2540;color:var(--text)}.discover-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:4px}.discover-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;padding:16px 12px 14px}.discover-card img{border-radius:50%;height:52px;object-fit:cover;width:52px}.orders-page{animation:pageIn .3s ease;margin:84px auto 80px;margin:calc(var(--nav-h) + 24px) auto 80px;max-width:680px;padding:0 16px}.orders-header{align-items:center;display:flex;gap:10px;margin-bottom:18px}.orders-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;margin:0}.orders-count{background:#7c3aed;background:var(--accent);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:1px 8px}.orders-tabs{display:flex;gap:6px;margin-bottom:16px}.orders-tab{background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;padding:7px 18px;transition:all .15s}.orders-tab.active{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.order-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:14px;margin-bottom:8px;padding:14px 16px;transition:all .15s}.order-card:hover{box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.order-thumb{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:64px;object-fit:cover;width:64px}.order-info{flex:1 1;min-width:0}.order-caption{font-size:14px;font-weight:600;margin-bottom:3px}.order-seller{color:#90a4ae;color:var(--text-3);font-size:12px;margin-bottom:6px}.order-meta-row{align-items:center;display:flex;gap:10px}.order-amount{color:#0a2540;color:var(--text);font-size:15px;font-weight:800}.order-status-badge{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.order-date{color:#90a4ae;color:var(--text-3);font-size:11px;margin-top:4px}.order-detail-modal{animation:modalIn .22s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #0003;max-height:90vh;max-width:96vw;overflow-y:auto;width:480px}.order-detail-header{align-items:center;justify-content:space-between;padding:16px 20px}.order-detail-header,.order-detail-product{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex}.order-detail-product{gap:14px;padding:18px 20px}.order-detail-product img{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:80px;object-fit:cover;width:80px}.order-est-delivery{align-items:center;display:flex;gap:12px;margin:0 20px 16px;padding:12px 14px}.order-detail-info,.order-est-delivery{background:#f6f9fc;background:var(--surface-2);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm)}.order-detail-info{margin:0 20px 20px;overflow:hidden}.order-info-row{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#546e7a;color:var(--text-2);display:flex;font-size:13px;justify-content:space-between;padding:11px 14px}.order-info-row:last-child{border-bottom:none}.order-info-row span:last-child{color:#0a2540;color:var(--text);font-weight:600}.order-info-row.total{font-size:14px;font-weight:700}.order-info-row.total span{color:#0a2540;color:var(--text);font-size:15px}.order-timeline{align-items:flex-start;display:flex;gap:0;justify-content:space-between;padding:8px 0 20px;position:relative}.timeline-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;position:relative}.timeline-icon{background:#fff;background:var(--surface);font-size:20px;padding:2px;z-index:1}.timeline-label{color:#90a4ae;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:uppercase}.timeline-step.done .timeline-label{color:#546e7a;color:var(--text-2)}.timeline-step.active .timeline-label{color:#0a2540;color:var(--text)}.timeline-line{background:#f0f3f7;background:var(--border-soft);height:2px;left:50%;position:absolute;top:14px;width:100%;z-index:0}.timeline-line.filled{background:#22c55e}.orders-empty{align-items:center;color:#90a4ae;color:var(--text-3);display:flex;flex-direction:column;padding:60px 20px;text-align:center}.post-menu-dropdown{animation:modalIn .15s ease;box-shadow:0 8px 28px #00000024;z-index:100}.post-menu-item{font-weight:500;gap:9px;padding:11px 16px}.post-menu-item:hover{background:#f6f9fc;background:var(--surface-2);color:#0a2540;color:var(--text)}.post-menu-item.danger:hover{background:#fef2f2}.reel-comments-modal{animation:slideUp .25s cubic-bezier(.22,1,.36,1);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;box-shadow:0 -10px 40px #00000026;left:50%;max-height:600px;max-width:480px;position:fixed;transform:translateX(-50%);z-index:500}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100%)}to{transform:translateX(-50%) translateY(0)}}.reel-comments-header{padding:14px 18px}.reel-comments-header button{font-size:18px}.reel-comments-body{padding:10px 18px}.reel-comment-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.reel-comments-form{align-items:center;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;gap:10px;padding:12px 16px}.reel-comment-input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:9px 14px;transition:border-color .2s}.reel-comment-input:focus{border-color:#90a4ae;border-color:var(--text-3)}.reel-comment-send{align-items:center;background:#7c3aed;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:opacity .15s;width:34px}.reel-comment-send:disabled{cursor:not-allowed;opacity:.4}.reel-action-avatar{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative;text-decoration:none}.reel-follow-plus{border:2px solid #000;font-size:13px}.reel-gradient{background:linear-gradient(0deg,#000000b3 0,#0000 40%,#0000 70%,#0000004d)}.mobile-create-modal{animation:slideUp .28s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #00000026;max-height:90dvh;overflow-y:auto;padding:12px 20px 32px;width:100%}.mobile-modal-handle{background:#e8ecf0;background:var(--border);border-radius:4px;height:4px;margin:0 auto 16px;width:40px}.mobile-notif-badge{align-items:center;background:#ef4444;border:1.5px solid #fff;border:1.5px solid var(--bg);border-radius:10px;color:#fff;display:flex;font-size:9px;font-weight:800;height:16px;justify-content:center;min-width:16px;padding:0 3px;pointer-events:none;position:absolute;right:-6px;top:-4px}.explore-page{animation:pageIn .3s ease;margin:80px auto;margin:calc(var(--nav-h) + 20px) auto 80px;max-width:960px;padding:0 16px}.explore-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.explore-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;margin:0}.explore-filters{display:flex;gap:8px}.explore-filters button{background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s}.explore-filters button.active,.explore-filters button:hover{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.explore-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr)}.explore-item{aspect-ratio:1;background:#f6f9fc;background:var(--surface-2);cursor:pointer;overflow:hidden;position:relative}.explore-item.large{grid-column:span 2;grid-row:span 2}.explore-item img{display:block;height:100%;object-fit:cover;transition:transform .35s;width:100%}.explore-item:hover img{transform:scale(1.05)}.explore-overlay{align-items:center;background:#0000;color:#fff;display:flex;font-size:14px;font-weight:700;gap:14px;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .2s}.explore-item:hover .explore-overlay{background:#0000006b;opacity:1}.explore-sale-tag{background:#000000b3;border-radius:12px;color:#fff;font-size:11px;font-weight:700;left:7px;padding:3px 8px;position:absolute;top:7px}.explore-modal{animation:modalIn .22s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #0003;display:flex;max-height:90vh;max-width:96vw;overflow:hidden;width:840px}.explore-modal-img{align-items:center;background:#000;display:flex;flex-shrink:0;justify-content:center;min-height:400px;width:50%}.explore-modal-img img{display:block;height:100%;object-fit:cover;width:100%}.explore-modal-right{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.explore-modal-header{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;gap:10px;padding:14px 16px}.explore-modal-header img{border-radius:50%;height:34px;object-fit:cover;width:34px}.explore-modal-comments{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 16px}.explore-modal-comment{color:#546e7a;color:var(--text-2);display:flex;font-size:13px;gap:8px;line-height:1.4}.explore-modal-comment img{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.explore-modal-actions{border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px;padding:12px 16px}.explore-modal-stats{color:#546e7a;color:var(--text-2);display:flex;font-size:13px;gap:14px}.explore-modal-comment-form{display:flex;gap:8px}.explore-modal-comment-form input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:8px 14px}.explore-modal-comment-form button{align-items:center;background:#7c3aed;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:32px;justify-content:center;width:32px}@media (max-width:600px){.explore-modal{flex-direction:column}.explore-modal-img{min-height:260px;width:100%}}.settings-page{animation:pageIn .3s ease;margin:84px auto 80px;margin:calc(var(--nav-h) + 24px) auto 80px;max-width:600px;padding:0 16px}.settings-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;margin:0 0 20px}.settings-profile-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:14px;margin-bottom:20px;padding:14px 16px}.settings-profile-card img{border-radius:50%;height:52px;object-fit:cover;width:52px}.settings-section{margin-bottom:20px}.settings-section-title{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;padding:0 4px;text-transform:uppercase}.settings-section-body{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm);overflow:hidden}.settings-row{align-items:center;background:none;border:none;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);gap:14px;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:#f6f9fc;background:var(--surface-2)}.settings-row.danger .settings-row-icon,.settings-row.danger .settings-row-label{color:#ef4444}.settings-row-icon{color:#546e7a;color:var(--text-2);display:flex;flex-shrink:0;font-size:18px}.settings-row-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.settings-row-label{color:#0a2540;color:var(--text);font-size:14px;font-weight:500}.settings-row-sub{color:#90a4ae;color:var(--text-3);font-size:12px}.settings-row-right{color:#90a4ae;color:var(--text-3);display:flex;flex-shrink:0;font-size:14px}.settings-toggle{background:#e8ecf0;background:var(--border);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.settings-toggle.on{background:#22c55e}.settings-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:block;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.settings-toggle.on .settings-toggle-thumb{transform:translateX(20px)}.notfound-page{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:20px}.notfound-content{max-width:400px;text-align:center}.notfound-code{color:#e8ecf0;color:var(--border);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:96px;font-weight:900;letter-spacing:-4px;line-height:1}.notfound-emoji{font-size:52px;margin:8px 0}.notfound-content h2{font-size:22px;font-weight:700;margin:8px 0 6px}.notfound-content p{color:#90a4ae;color:var(--text-3);font-size:14px;line-height:1.6}.notif-post-thumb{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:44px;object-fit:cover;width:44px}.ai-page{animation:pageIn .3s ease;margin:84px auto 80px;margin:calc(var(--nav-h) + 24px) auto 80px;max-width:700px;padding:0 16px}.ai-header{gap:12px;margin-bottom:24px}.ai-header,.ai-header-icon{align-items:center;display:flex}.ai-header-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:8px;border-radius:var(--radius-sm);color:#fff;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.ai-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;margin:0}.ai-header p{color:#90a4ae;color:var(--text-3);font-size:13px;margin:2px 0 0}.ai-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.ai-tab{background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;padding:7px 14px;transition:all .15s;white-space:nowrap}.ai-tab.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#0000;color:#fff}.ai-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.ai-tone-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ai-tone-pill{background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.ai-tone-pill.active{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.ai-input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:11px 14px;resize:none;transition:border-color .2s;width:100%}.ai-input:focus{border-color:#8b5cf6}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:14px;padding:13px;transition:opacity .2s;width:100%}.ai-generate-btn:hover:not(:disabled){opacity:.88}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.5}.ai-result-card{animation:pageIn .3s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden}.ai-result-header{align-items:center;background:linear-gradient(135deg,#8b5cf614,#ec489914);border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#90a4ae;color:var(--text-3);display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.6px;padding:12px 16px;text-transform:uppercase}.ai-result-body{padding:16px}.ai-result-item{align-items:flex-start;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#546e7a;color:var(--text-2);display:flex;font-size:14px;gap:12px;justify-content:space-between;line-height:1.5;padding:12px 0}.ai-result-item:last-child{border-bottom:none;padding-bottom:0}.ai-copy-btn{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;padding:4px;transition:color .15s}.ai-copy-btn:hover{color:#0a2540;color:var(--text)}.ai-model-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;color:#8b5cf6;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.ai-image-upload{border:2px dashed #e8ecf0;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:14px;padding:32px 20px;text-align:center;transition:border-color .2s}.ai-image-upload:hover{border-color:#8b5cf6}.ai-image-preview{border-radius:8px;border-radius:var(--radius-sm);display:block;margin-bottom:14px;max-height:260px;object-fit:cover;width:100%}.feed-empty-icon{font-size:52px}.feed-empty h3{margin:0 0 6px}.feed-loader-spinner{animation:spin .7s linear infinite;border:2px solid #e8ecf0;border-top-color:#7c3aed;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.create-post-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);margin-bottom:20px;padding:16px}.create-post-top{align-items:center;display:flex;gap:10px;margin-bottom:12px}.create-post-avatar{border-radius:50%;flex-shrink:0;height:38px!important;object-fit:cover;width:38px!important}.create-post-input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#90a4ae;color:var(--text-3);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:10px 16px}.create-post-drop{align-items:center;border:2px dashed #e8ecf0;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;min-height:80px;overflow:hidden;position:relative;transition:all .2s}.create-post-drop.drag-over{background:#0095f60d;border-color:#7c3aed;border-color:var(--accent)}.create-post-drop.has-preview{border-style:solid;min-height:0;min-height:auto}.create-post-drop-hint{padding:24px;text-align:center}.create-post-preview{border-radius:6px;display:block;max-height:320px;object-fit:cover;width:100%}.create-post-remove-img{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.create-post-caption{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;margin-top:10px;outline:none;padding:10px 14px;resize:none;width:100%}.create-post-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.create-post-sale-toggle{align-items:center;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:6px}.create-post-price{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:8px 12px;width:100px}.create-post-submit{font-size:13px!important;margin-left:auto;padding:10px 22px!important;width:auto!important}.chat-search-wrap{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);padding:8px 12px;position:relative}.chat-search-icon{left:22px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;box-sizing:border-box;padding:8px 12px 8px 34px;width:100%}.chat-item-last.unread-text{color:#546e7a;color:var(--text-2);font-weight:600}.online-dot{background:#22c55e;border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:1px;height:11px;position:absolute;right:1px;width:11px}.chat-img-btn{align-items:center;background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;padding:0 4px;transition:color .15s}.chat-img-btn:hover{color:#7c3aed;color:var(--accent)}.chat-img-preview{padding:8px 16px}.chat-img-preview img{width:56px}.chat-img-preview button{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:16px}.notif-group{margin-bottom:8px}.notif-group-label{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.7px;padding:8px 16px 4px;text-transform:uppercase}.notif-type-badge{bottom:-2px;font-size:14px;line-height:1;position:absolute;right:-4px}.notif-unread-dot{background:#7c3aed;background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;width:8px}.notif-empty{padding:60px 20px}.edit-profile-page{align-items:flex-start;display:flex;justify-content:center;min-height:100dvh;padding:80px 16px;padding:calc(var(--nav-h) + 20px) 16px 80px}.edit-profile-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);max-width:480px;padding:24px;width:100%}.edit-profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.edit-profile-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;margin:0}.edit-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.edit-avatar-wrap{border:3px solid #f0f3f7;border:3px solid var(--border-soft);border-radius:50%;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s}.edit-avatar-wrap.drag-over{border-color:#7c3aed;border-color:var(--accent)}.edit-avatar-img{border-radius:50%;display:block;height:88px!important;object-fit:cover;width:88px!important}.edit-avatar-overlay{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.edit-avatar-wrap:hover .edit-avatar-overlay{opacity:1}.edit-fields{gap:14px;margin-bottom:20px}.edit-field,.edit-fields{display:flex;flex-direction:column}.edit-field{gap:5px}.edit-field label{color:#90a4ae;color:var(--text-3);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.edit-field input,.edit-field textarea{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s}.edit-field input:focus,.edit-field textarea:focus{border-color:#546e7a;border-color:var(--text-2)}.edit-field textarea{min-height:80px;resize:vertical}.post-detail-modal{animation:modalIn .22s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000038;display:flex;max-height:90vh;max-width:96vw;overflow:hidden;width:860px}.post-detail-img{align-items:center;background:#000;display:flex;flex-shrink:0;justify-content:center;width:50%}.post-detail-img img{display:block;height:100%;object-fit:cover;width:100%}.post-detail-right{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.post-detail-header{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;padding:14px 16px}.post-detail-comments{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:14px 16px}.post-detail-comment{color:#546e7a;color:var(--text-2);font-size:13px;line-height:1.5}.post-detail-comment strong{color:#0a2540;color:var(--text)}.post-detail-comment-form{border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;gap:8px;padding:12px 16px}.post-detail-comment-form input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#0a2540;color:var(--text);flex:1 1;outline:none;padding:8px 14px}.post-detail-comment-form button,.post-detail-comment-form input{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px}.post-detail-comment-form button{background:#7c3aed;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.post-detail-comment-form button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:640px){.post-detail-modal{flex-direction:column}.post-detail-img{min-height:260px;width:100%}}.feed{width:100%}.feed,.feed-container,.home-page{max-width:520px;max-width:var(--feed-width)}.feed-container,.home-page{margin:80px auto;margin:calc(var(--nav-h) + 20px) auto 80px;padding:0 16px}.post-owner-link{align-items:center;color:#0a2540;color:var(--text);display:flex;flex:1 1;gap:10px;text-decoration:none}.post-avatar{border-radius:50%;flex-shrink:0;height:36px!important;object-fit:cover;width:36px!important}.post-username{color:#0a2540;color:var(--text);font-size:13px;font-weight:700;line-height:1.3}.post-time{color:#90a4ae;color:var(--text-3);font-size:11px}.post-image-wrap{background:#f6f9fc;background:var(--surface-2)}.post-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;padding:4px;transition:background .15s,color .15s}.post-menu-btn:hover{background:#f6f9fc;background:var(--surface-2);color:#0a2540;color:var(--text)}.post-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:22px;padding:4px;transition:transform .15s,color .15s}.post-action-btn:hover{color:#0a2540;color:var(--text);transform:scale(1.12)}.post-action-btn.liked{animation:pop .25s ease;color:#ef4444}.post-action-btn.saved{color:#0a2540;color:var(--text)}.post-view-comments{font-size:13px;padding:2px 16px 10px;transition:color .15s}.post-menu-dropdown button{align-items:center;background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:9px;padding:11px 16px;text-align:left;transition:background .12s;white-space:nowrap;width:100%}.post-menu-dropdown button:hover{background:#f6f9fc;background:var(--surface-2);color:#0a2540;color:var(--text)}.post-menu-dropdown button:last-child{color:#ef4444}.post-menu-dropdown button:last-child:hover{background:#fef2f2}.stories-bar-wrap{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:10px 14px 8px;position:relative}.stories-bar{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 4px;scroll-behavior:smooth;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.stories-scroll-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:12px;height:26px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:26px;z-index:2}.stories-scroll-btn:hover{background:#f6f9fc;background:var(--surface-2)}.stories-scroll-btn.left{left:-13px}.stories-scroll-btn.right{right:-13px}.story-bubble-wrap{cursor:pointer;flex-direction:column;gap:5px;padding:2px}.story-bubble,.story-bubble-wrap{align-items:center;display:flex;flex-shrink:0}.story-bubble{border-radius:50%;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.story-bubble img{display:block;height:100%;object-fit:cover;width:100%}.story-bubble.unseen{box-shadow:0 0 0 2px #fff,0 0 0 4px #f09433;box-shadow:0 0 0 2px var(--surface),0 0 0 4px #f09433}.story-bubble.seen{box-shadow:0 0 0 2px #fff,0 0 0 4px #e8ecf0;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--border)}.story-bubble.my-story{box-shadow:0 0 0 2px #fff,0 0 0 4px #f09433;box-shadow:0 0 0 2px var(--surface),0 0 0 4px #f09433}.story-add-btn{align-items:center;background:#7c3aed;background:var(--accent);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:-1px;color:#fff;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;position:absolute;right:-1px;width:18px;z-index:2}.story-bubble-name{color:#546e7a;color:var(--text-2);font-size:11px;max-width:64px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-viewer-overlay{align-items:center;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.story-viewer-container{align-items:center;display:flex;gap:20px}.story-viewer{background:#111;border-radius:16px;height:min(740px,96dvh);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:min(420px,96vw)}.story-progress-bars{display:flex;gap:4px;left:12px;position:absolute;right:12px;top:12px;z-index:10}.story-progress-track{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:2px;height:100%}.story-header{align-items:center;display:flex;justify-content:space-between;left:12px;position:absolute;right:12px;top:26px;z-index:10}.story-header-avatar{border:2px solid #fff9;border-radius:50%;height:34px!important;object-fit:cover;width:34px!important}.story-ctrl-btn{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;transition:background .15s;width:30px}.story-ctrl-btn:hover{background:#0009}.story-img{display:block;height:100%;object-fit:cover;width:100%}.story-tap-left{left:0}.story-tap-left,.story-tap-right{cursor:pointer;height:100%;position:absolute;top:0;width:35%;z-index:5}.story-tap-right{right:0}.story-caption{background:#00000040;border-radius:8px;bottom:80px;color:#fff;font-size:15px;font-weight:500;left:16px;padding:8px 12px;position:absolute;right:16px;text-shadow:0 1px 4px #000000b3;z-index:8}.story-paused-badge{background:#00000080;border-radius:20px;color:#fff;font-size:13px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.story-bottom{background:linear-gradient(#0000,#00000080);bottom:0;left:0;padding:12px;position:absolute;right:0;z-index:10}.story-reply-form{align-items:center;display:flex;gap:8px}.story-reply-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:10px 14px}.story-reply-input::placeholder{color:#fff9}.story-reply-send{background:#fff3;font-size:16px;height:36px;width:36px}.story-nav-arrow,.story-reply-send{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center}.story-nav-arrow{background:#ffffff26;flex-shrink:0;font-size:18px;height:40px;transition:background .15s;width:40px}.story-nav-arrow:hover{background:#ffffff4d}.reels-page{background:#111;display:flex;height:calc(100dvh - 60px);height:calc(100dvh - var(--nav-h));justify-content:center;overflow:hidden;position:relative}.reels-container{height:100%;max-width:420px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.reels-container::-webkit-scrollbar{display:none}.reel-card-wrapper{align-items:center;display:flex;height:calc(100dvh - 60px);height:calc(100dvh - var(--nav-h));justify-content:center;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.reel-card{background:#000;border-radius:0;height:100%;max-width:420px;overflow:hidden;position:relative;width:100%}@media (min-width:600px){.reel-card{border-radius:16px;box-shadow:0 8px 40px #000c;height:calc(100dvh - 84px);height:calc(100dvh - var(--nav-h) - 24px)}.reel-card-wrapper{height:calc(100dvh - 60px);height:calc(100dvh - var(--nav-h))}}.reel-video{cursor:pointer;height:100%;object-fit:cover;width:100%}.reel-gradient{background:linear-gradient(#0000 40%,#000000b3);inset:0}.reel-gradient,.reel-play-overlay{pointer-events:none;position:absolute}.reel-play-overlay{animation:pop .2s ease;color:#fffc;font-size:56px;left:50%;top:50%;transform:translate(-50%,-50%)}.reel-actions{bottom:100px;gap:18px;position:absolute;right:12px;z-index:10}.reel-action-btn,.reel-actions{align-items:center;display:flex;flex-direction:column}.reel-action-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:11px;font-weight:600;gap:3px}.reel-action-btn span{font-size:12px;font-weight:700;text-shadow:0 1px 3px #00000080}.reel-owner-avatar{border-radius:50%;display:block;height:44px;overflow:visible;position:relative;text-decoration:none;width:44px}.reel-owner-avatar img{border:2px solid #fff;border-radius:50%;height:44px;object-fit:cover;width:44px}.reel-follow-plus{align-items:center;background:#ef4444;border:1.5px solid #000;border-radius:50%;bottom:-6px;color:#fff;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:18px}.reel-info{bottom:24px;color:#fff;left:16px;position:absolute;right:80px;z-index:10}.reel-username{color:#fff;font-size:15px;font-weight:800;text-decoration:none;text-shadow:0 1px 4px #00000080}.reel-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;line-height:1.4;margin:4px 0 6px;overflow:hidden;text-shadow:0 1px 3px #00000080}.reel-music{color:#fffc;font-size:12px;gap:5px}.reel-music,.reels-upload-btn{align-items:center;display:flex}.reels-upload-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:40px;justify-content:center;position:fixed;right:16px;top:72px;top:calc(var(--nav-h) + 12px);transition:background .2s;width:40px;z-index:20}.reels-upload-btn:hover{background:#ffffff4d}.reel-comments-modal{animation:slideUp .28s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column;height:70vh;max-width:540px;overflow:hidden;width:100%}.reel-comments-header{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:16px 20px}.reel-comments-header button{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:20px}.reel-comments-body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:12px 20px}.reel-comment-item{align-items:flex-start;display:flex;gap:10px}.reel-comment-item img{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.reel-comments-input{align-items:center;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;gap:10px;padding:12px 16px}.reel-comments-input input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:9px 14px}.reel-comments-input button{align-items:center;background:#7c3aed;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;width:34px}.reel-comments-input button:disabled{cursor:not-allowed;opacity:.4}.onboarding-page{align-items:center;background:#fff;background:var(--bg);display:flex;justify-content:center;min-height:100dvh;padding:20px}.onboarding-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000014;max-width:440px;padding:32px 28px;width:100%}.onboarding-progress-track{background:#e8ecf0;background:var(--border);border-radius:4px;height:4px;margin-bottom:20px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg,#7c3aed,#a855f7);background:linear-gradient(90deg,var(--accent),#a855f7);border-radius:4px;height:100%;transition:width .4s ease}.onboarding-step-label{color:#90a4ae;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:24px;text-transform:uppercase}.onboarding-step{animation:pageIn .3s ease;text-align:center}.onboarding-emoji{font-size:52px;margin-bottom:16px}.onboarding-step h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:700;margin:0 0 10px}.onboarding-step p{color:#90a4ae;color:var(--text-3);font-size:14px;line-height:1.6;margin:0 0 24px}.onboarding-cta{align-items:center;display:inline-flex!important;font-size:15px!important;gap:8px;padding:12px 28px!important;text-decoration:none;width:auto!important}.onboarding-skip{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;padding:8px 16px;transition:color .15s}.onboarding-skip:hover{color:#546e7a;color:var(--text-2)}.onboarding-actions{gap:12px;margin-top:8px}.onboarding-actions,.onboarding-avatar-drop{align-items:center;display:flex;justify-content:center}.onboarding-avatar-drop{border:3px dashed #e8ecf0;border:3px dashed var(--border);border-radius:50%;cursor:pointer;height:140px;margin:0 auto 20px;overflow:hidden;transition:border-color .2s;width:140px}.onboarding-avatar-drop.drag-over{border-color:#7c3aed;border-color:var(--accent)}.onboarding-avatar-drop:hover{border-color:#546e7a;border-color:var(--text-2)}.onboarding-avatar-img{height:100%;object-fit:cover;width:100%}.onboarding-avatar-placeholder{align-items:center;color:#90a4ae;color:var(--text-3);display:flex;flex-direction:column;font-size:13px;gap:8px}.onboarding-input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;color:#0a2540;color:var(--text);display:block;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s;width:100%}.onboarding-input:focus{border-color:#546e7a;border-color:var(--text-2)}.onboarding-interests-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-interest-tag{align-items:center;background:none;border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s}.onboarding-interest-tag.selected{background:#0a2540;background:var(--text);border-color:#0a2540;border-color:var(--text);color:#fff;color:var(--bg)}.mobile-bottom-nav{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;background:var(--surface);border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);bottom:0;display:none;height:60px;justify-content:space-around;left:0;padding:0 8px env(safe-area-inset-bottom);position:fixed;right:0;z-index:200}@media(max-width:768px){.mobile-bottom-nav{display:flex}}.mobile-nav-item{align-items:center;background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:24px;height:100%;justify-content:center;position:relative;text-decoration:none;transition:color .15s}.mobile-nav-item.active{color:#0a2540;color:var(--text)}.mobile-nav-icon{display:flex;position:relative}.mobile-nav-dot{background:#0a2540;background:var(--text);border-radius:50%;bottom:-4px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.mobile-nav-avatar{border:2px solid #0000;border-radius:50%;height:26px!important;object-fit:cover;width:26px!important}.mobile-nav-avatar.active{border-color:#0a2540;border-color:var(--text)}.mobile-nav-item.create{background:none;padding:0}.mobile-nav-create-icon{align-items:center;background:#0a2540;background:var(--text);border-radius:12px;color:#fff;color:var(--bg);display:flex;font-size:22px;height:42px;justify-content:center;transition:transform .15s;width:42px}.mobile-nav-item.create:hover .mobile-nav-create-icon{transform:scale(1.06)}.story-bubble.my-story.has-story{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #f09433;box-shadow:0 0 0 2.5px var(--bg),0 0 0 4.5px #f09433}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes likePopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes reactionPop{0%{opacity:0;transform:scale(.7) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.chat-item-skeleton,.gif-skeleton,.msg-skeleton,.skeleton-avatar,.skeleton-card,.skeleton-image,.skeleton-line{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background:linear-gradient(90deg,var(--skeleton-base,#e8e8e8) 25%,var(--skeleton-shine,#f5f5f5) 50%,var(--skeleton-base,#e8e8e8) 75%);background-size:800px 100%;border-radius:8px;border-radius:var(--radius-sm)}[data-theme=dark]{--skeleton-base:#2a2a2a;--skeleton-shine:#3a3a3a}.post-like-burst{animation:likePopIn .7s ease forwards;color:#ef4444;filter:drop-shadow(0 2px 8px rgba(239,68,68,.5));font-size:72px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.post-image-wrap{cursor:pointer;overflow:hidden;position:relative}.post-image{display:block;transition:transform .3s ease;width:100%}.post-image-wrap:hover .post-image{transform:scale(1.01)}.post-menu-dropdown{animation:reactionPop .18s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.post-menu-item{align-items:center;background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;gap:8px;padding:10px 16px;text-align:left;transition:background .12s;width:100%}.post-menu-item:hover{background:#f0f3f7;background:var(--hover)}.post-menu-item.danger{color:#ef4444}.post-likes-count{align-items:center;color:#0a2540;color:var(--text);display:flex;font-size:13px;font-weight:700;padding:0 16px 6px}.post-caption{font-size:14px;line-height:1.5;padding:4px 16px 8px}.post-caption-user{color:#0a2540;color:var(--text);font-weight:700;text-decoration:none}.post-caption-user:hover{text-decoration:underline}.create-post-card{transition:all .25s ease}.create-post-compact{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.create-post-compact:hover{background:#f0f3f7;background:var(--hover);border-radius:8px;border-radius:var(--radius-sm)}.create-post-placeholder{border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#90a4ae;color:var(--text-3);cursor:pointer;flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .15s}.create-post-compact:hover .create-post-placeholder{border-color:#546e7a;border-color:var(--text-2)}.create-post-photo-btn{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:20px;padding:6px}.create-post-author{display:flex;gap:12px;padding:14px 16px 0}.create-post-textarea{background:#0000;border:none;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.5;min-height:60px;outline:none;resize:none}.create-post-options{align-items:center;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;gap:12px;padding:8px 16px}.for-sale-toggle{align-items:center;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;-webkit-user-select:none;user-select:none}.for-sale-toggle input{accent-color:#7c3aed;accent-color:var(--accent);height:15px;width:15px}.price-input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0a2540;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:7px 10px;width:110px}.create-post-actions{display:flex;gap:10px;justify-content:flex-end;padding:10px 16px}.comment-section{border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);padding:0 16px 12px}.comment-row{align-items:flex-start;display:flex;gap:8px;margin:8px 0}.comment-avatar{border-radius:50%!important;flex-shrink:0;height:28px!important;object-fit:cover;width:28px!important}.comment-username{color:#0a2540;color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.comment-username:hover{text-decoration:underline}.comment-text{color:#546e7a;color:var(--text-2);font-size:13px}.view-all-comments{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;padding:0}.view-all-comments:hover{color:#546e7a;color:var(--text-2)}.comment-form{align-items:center;display:flex;gap:8px;margin-top:8px}.comment-input{background:#0000;border:none;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:6px 0}.comment-submit{color:#7c3aed;color:var(--accent);font-size:13px;font-weight:700;padding:0 4px}.comment-submit,.post-view-comments{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body)}.post-view-comments{color:#90a4ae;color:var(--text-3);display:block;font-size:12px;padding:0 16px 8px}.feed-empty,.post-view-comments:hover{color:#546e7a;color:var(--text-2)}.feed-empty{animation:fadeSlideUp .4s ease;padding:60px 20px;text-align:center}.feed-empty-icon{color:#90a4ae;color:var(--text-3);font-size:48px;margin-bottom:12px}.feed-empty h3{font-size:20px;font-weight:700;margin-bottom:8px}.feed-empty p{color:#90a4ae;color:var(--text-3);font-size:14px}.chat-page{display:flex;height:calc(100dvh - 60px);height:calc(100dvh - var(--nav-h));overflow:hidden}.chat-sidebar{background:#fff;background:var(--surface);border-right:1px solid #f0f3f7;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;flex-shrink:0;transition:width .25s ease;width:320px}.chat-sidebar.closed{overflow:hidden;width:0}.chat-sidebar-header{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:16px 16px 12px}.chat-sidebar-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-serif);font-size:18px;font-style:italic;font-weight:700;margin:0 0 12px}.chat-search-wrap{align-items:center;background:#f6f9fc;background:var(--surface-2);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:12px;display:flex;gap:8px;padding:9px 12px}.chat-search-icon{color:#90a4ae;color:var(--text-3);flex-shrink:0;font-size:15px}.chat-search-input{background:#0000;border:none;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none}.chat-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;animation:fadeSlideUp .25s ease both;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .12s}.chat-item.active,.chat-item:hover{background:#f0f3f7;background:var(--hover)}.chat-item-avatar-wrap{flex-shrink:0;position:relative}.chat-item-avatar-wrap img{border-radius:50%;height:44px;object-fit:cover;width:44px}.chat-online-dot{background:#22c55e;border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:1px;height:11px;position:absolute;right:1px;width:11px}.chat-item-info{flex:1 1;min-width:0}.chat-item-name{color:#0a2540;color:var(--text);display:block;font-size:14px;font-weight:700}.chat-item-last{color:#90a4ae;color:var(--text-3);display:block;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread-badge{align-items:center;background:#7c3aed;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.chat-item-skeleton{border-radius:0;height:64px;margin:2px 0}.chat-empty-state{color:#90a4ae;color:var(--text-3);padding:40px 20px;text-align:center}.chat-main{background:#fff;background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-main.empty{align-items:center;color:#546e7a;color:var(--text-2);justify-content:center;padding:40px;text-align:center}.chat-main.empty h3{font-size:20px;font-weight:700;margin:0 0 8px}.chat-main.empty p{color:#90a4ae;color:var(--text-3);font-size:14px}.chat-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;flex-shrink:0;gap:12px;padding:12px 16px}.chat-back-btn{background:none;border:none;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:20px;padding:4px}.chat-header-user{align-items:center;color:#0a2540;color:var(--text);display:flex;gap:10px;text-decoration:none}.chat-header-avatar-wrap{position:relative}.chat-header-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-header-name{font-size:14px;font-weight:700}.chat-header-status{color:#90a4ae;color:var(--text-3);font-size:11px}.chat-icon-btn{background:none;border:none;border-radius:50%;color:#546e7a;color:var(--text-2);cursor:pointer;display:flex;font-size:20px;padding:6px;transition:background .15s}.chat-icon-btn:hover{background:#f0f3f7;background:var(--hover)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 12px}.msg-skeleton{border-radius:12px;height:40px;margin:4px 0;max-width:55%}.msg-skeleton.own{align-self:flex-end}.msg-skeleton.other{align-self:flex-start}.msg-row{align-items:flex-end;animation:fadeSlideUp .2s ease;display:flex;gap:8px}.msg-row.own{flex-direction:row-reverse}.msg-row.other{flex-direction:row}.msg-avatar{border-radius:50%;flex-shrink:0;height:28px!important;object-fit:cover;width:28px!important}.msg-col{display:flex;flex-direction:column;max-width:65%}.msg-reply-preview{background:#f0f3f7;background:var(--hover);border-left:3px solid #7c3aed;border-left:3px solid var(--accent);border-radius:4px;color:#90a4ae;color:var(--text-3);font-size:11px;margin-bottom:3px;padding:4px 8px}.msg-reply-name{color:#546e7a;color:var(--text-2);font-weight:700;margin-right:4px}.msg-bubble{border-radius:18px;box-shadow:0 1px 3px #00000014;padding:9px 13px;position:relative;transition:transform .1s;word-break:break-word}.msg-bubble:active{transform:scale(.98)}.msg-bubble.own{background:#0a2540;background:var(--text);border-bottom-right-radius:4px;color:#fff;color:var(--bg)}.msg-bubble.other{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-bottom-left-radius:4px;color:#0a2540;color:var(--text)}.msg-text{font-size:14px;line-height:1.45}.msg-image{cursor:pointer;max-width:240px}.msg-gif,.msg-image{border-radius:12px;display:block;width:100%}.msg-gif{max-width:220px}.msg-audio{display:block}.msg-reactions{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.msg-reaction-tag{background:#f0f3f7;background:var(--hover);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:12px;cursor:pointer;font-size:12px;padding:2px 7px;transition:transform .1s}.msg-reaction-tag:hover{transform:scale(1.15)}.msg-meta{align-items:center;display:flex;gap:4px;margin-top:2px;padding:0 4px}.msg-meta.own{justify-content:flex-end}.msg-meta.other{justify-content:flex-start}.msg-time{color:#90a4ae;color:var(--text-3);font-size:10px}.msg-reaction-picker{animation:reactionPop .18s ease;background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:20px;box-shadow:0 4px 16px #0000001f;display:flex;flex-wrap:nowrap;gap:4px;margin-top:4px;padding:4px 6px}.msg-reaction-picker button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:2px;transition:transform .1s}.msg-reaction-picker button:hover{transform:scale(1.3)}.msg-react-reply{color:#546e7a!important;color:var(--text-2)!important;font-size:16px!important}.typing-indicator{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:18px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:10px 14px;width:fit-content}.typing-indicator span{animation:typingBounce 1.2s infinite;background:#90a4ae;background:var(--text-3);border-radius:50%;display:block;height:7px;width:7px}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.chat-input-bar{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;flex-shrink:0;gap:6px;padding:10px 12px}.chat-text-input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:9px 14px;transition:border-color .15s}.chat-text-input:focus{border-color:#546e7a;border-color:var(--text-2)}.chat-send-btn{align-items:center;background:#0a2540;background:var(--text);border:none;border-radius:50%;color:#fff;color:var(--bg);cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:36px;justify-content:center;transition:transform .15s;width:36px}.chat-send-btn:hover{transform:scale(1.08)}.voice-btn{color:#0a2540!important;color:var(--text)!important}.voice-btn:active{animation:pulse-ring .5s ease;background:#ef44441f!important}.chat-reply-bar{align-items:center;animation:fadeSlideUp .18s ease;background:#f0f3f7;background:var(--hover);border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;flex-shrink:0;font-size:13px;gap:10px;padding:8px 14px}.chat-reply-preview{flex:1 1;min-width:0}.chat-reply-name{color:#546e7a;color:var(--text-2);font-weight:700;margin-right:6px}.chat-reply-bar>button{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;font-size:16px}.chat-img-preview{align-items:center;animation:fadeSlideUp .18s ease;background:#f0f3f7;background:var(--hover);border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);display:flex;flex-shrink:0;gap:10px;padding:8px 14px}.chat-img-preview img{border-radius:8px;height:56px;object-fit:cover}.chat-img-preview>button{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:18px}.chat-voice-bar{align-items:center;animation:fadeSlideUp .18s ease;background:#ef44440f;border-top:1px solid #ef444433;display:flex;flex-shrink:0;gap:12px;padding:10px 14px}.voice-pulse{animation:pulse-ring 1s infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:10px;width:10px}.voice-duration{font-feature-settings:"tnum";color:#0a2540;color:var(--text);flex:1 1;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.voice-cancel-btn{background:none;border:1px solid #e8ecf0;border:1px solid var(--border);border-radius:20px;color:#546e7a;color:var(--text-2);padding:6px 12px}.voice-cancel-btn,.voice-send-btn{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:12px;gap:4px}.voice-send-btn{background:#ef4444;border:none;border-radius:20px;color:#fff;font-weight:600;padding:7px 14px}.gif-picker-wrap{animation:fadeSlideUp .2s ease;border-top:1px solid #f0f3f7;border-top:1px solid var(--border-soft);flex-shrink:0}.gif-picker{background:#fff;background:var(--surface)}.gif-picker-header{align-items:center;border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);display:flex;gap:8px;padding:10px 12px}.gif-search-input{background:#fff;background:var(--bg);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:20px;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:7px 12px}.gif-close-btn{background:none;border:none;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-size:18px}.gif-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);max-height:220px;overflow-y:auto;padding:8px}.gif-item{aspect-ratio:1;border-radius:6px;cursor:pointer;object-fit:cover;transition:transform .1s;width:100%}.gif-item:hover{transform:scale(1.04)}.gif-skeleton{aspect-ratio:1;border-radius:6px}@media (max-width:768px){.chat-sidebar{height:100%;left:0;position:absolute;width:100%;z-index:100}.chat-sidebar.closed{width:0}.chat-back-btn{display:flex}}.seller-page{animation:pageIn .3s ease;margin:80px auto;margin:calc(var(--nav-h) + 20px) auto 80px;max-width:900px;padding:0 16px}.seller-header{align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between}.seller-header,.seller-tabs{display:flex;margin-bottom:20px}.seller-tabs{border-bottom:1px solid #f0f3f7;border-bottom:1px solid var(--border-soft);gap:4px}.seller-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#90a4ae;color:var(--text-3);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;margin-bottom:-1px;padding:10px 20px;position:relative;transition:all .2s}.seller-tab.active{border-bottom-color:#0a2540;border-bottom-color:var(--text);color:#0a2540;color:var(--text);font-weight:700}.seller-tab:hover:not(.active){color:#546e7a;color:var(--text-2)}.seller-tab-badge{align-items:center;background:#7c3aed;background:var(--accent);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.seller-search-wrap{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e8ecf0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:20px;padding:0 14px;transition:border-color .2s}.seller-search-wrap:focus-within{border-color:#90a4ae;border-color:var(--text-3)}.seller-search-input{background:#0000;border:none;color:#0a2540;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:11px 0}.seller-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.seller-stat-card{background:#fff;background:var(--surface);border:1px solid #f0f3f7;border:1px solid var(--border-soft);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0a25400f,0 1px 2px #0a25400a;box-shadow:var(--shadow-sm);padding:16px;text-align:center}.seller-stat-icon{font-size:22px;margin-bottom:6px}.seller-stat-val{font-size:24px;font-weight:800}.seller-stat-label{font-size:11px;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.seller-empty,.seller-stat-label{color:#90a4ae;color:var(--text-3)}.seller-empty{padding:60px 20px;text-align:center}.seller-empty h3{font-size:18px;font-weight:700;margin:12px 0 6px}.product-card-skeleton{animation:shimmer 1.5s infinite;aspect-ratio:.8;background:linear-gradient(90deg,#e8ecf0 25%,#f6f9fc 50%,#e8ecf0 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface-2) 50%,var(--border) 75%);background-size:400px 100%;border-radius:20px;border-radius:var(--radius-lg)}.product-price-tag{background:#000000bf;border-radius:20px;bottom:10px;color:#fff;font-size:13px;font-weight:700;gap:4px;left:10px;padding:4px 10px}.product-hover-overlay,.product-price-tag{align-items:center;display:flex;position:absolute}.product-hover-overlay{animation:fadeIn .15s ease;background:#0000004d;inset:0;justify-content:center}.product-quick-buy{background:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:700;padding:8px 20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient)}.gradient-border{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316) border-box;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gradient) border-box;border:2px solid #0000}input:focus,select:focus,textarea:focus{border-color:#7c3aed!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #7c3aed1f!important;outline:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border-radius:10px}.product-buy-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px 16px;transition:opacity .2s,transform .15s;width:100%}.product-buy-btn:hover{opacity:.9;transform:translateY(-1px)}.checkout-pay-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316);background:var(--gradient);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:16px;padding:14px;transition:opacity .2s,transform .15s;width:100%}.checkout-pay-btn:hover{opacity:.9;transform:translateY(-1px)}.checkout-pay-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.navbar-icons a.nav-active{background:#7c3aed1a;background:var(--accent-soft);color:#7c3aed!important;color:var(--accent)!important}.notif-badge,.seller-tab.active{background:linear-gradient(135deg,#7c3aed,#db2777 50%,#f97316)!important;background:var(--gradient)!important}.seller-tab.active{border-color:#0000!important;color:#fff!important}.analytics-card{border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0a254014,0 1px 4px #0a25400a;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.analytics-card:hover{box-shadow:0 8px 32px #7c3aed33;box-shadow:var(--shadow-color);transform:translateY(-2px)}
/*# sourceMappingURL=main.a1cf10a0.css.map*/