*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.belonging-logo-image{height:auto;width:20vw}@media (max-width:1024px){.belonging-logo-image{width:55vw}}@media (min-width:1025px) and (max-width:1300px){.belonging-logo-image{width:40vw}}@media (min-width:1301px) and (max-width:1600px){.belonging-logo-image{width:35vw}}.container{margin:0 auto;max-width:1200px;padding:20px}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;color:#333;display:flex;flex-direction:column;position:relative;z-index:2100}.navbar-top{padding:10px 20px}.navbar-top,.navbar-top-user{align-items:center;display:flex;gap:12px}.navbar h1{font-size:1.5rem}.navbar a{color:#667eea;text-decoration:none;transition:opacity .2s}.navbar a:hover{opacity:.8}.navbar-logo-link{align-items:center;display:flex;gap:6px;text-decoration:none}.logo-belonging{flex-shrink:0;height:2.5vw;position:relative;width:auto;z-index:2}.belonging-logo{margin-left:0}.btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.card,.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.auth-container{margin:50px auto;max-width:400px}.auth-container h2{color:#333;margin-bottom:30px;text-align:center}.auth-links{margin-top:20px;text-align:center}.auth-links a{color:#667eea;text-decoration:none}.auth-links a:hover{text-decoration:underline}.error-message{background:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:5px;margin-bottom:20px;padding:10px 15px}.success-message{background:#d4edda;color:#155724}.hrt-fund-page{margin:0 auto;max-width:700px;padding:20px}.hrt-fund-page h1{margin-bottom:8px;text-align:center}.hrt-fund-page h3{color:#333;margin-bottom:12px;margin-top:32px}.hrt-fund-section{margin-bottom:24px}.hrt-fund-section ul{margin:8px 0;padding-left:24px}.hrt-fund-section li{line-height:1.5;margin-bottom:6px}.hrt-fund-field-hint{color:#888;font-size:12px;margin-top:4px}.hrt-fund-resources a{color:#667eea;text-decoration:none}.hrt-fund-resources a:hover{text-decoration:underline}.home-content{padding:50px 20px;text-align:center}.home-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:20px}.home-content p{color:#666;font-size:1.2rem;margin-bottom:30px}.homepage-split{background:#1a1a1a;display:flex;flex-direction:row-reverse;min-height:calc(100vh - 70px)}.homepage-left{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:40px}.homepage-section{background:#1a1a1a;border:1px solid #444;padding:20px 25px}.homepage-section:first-child{border-bottom:none}.homepage-section:not(:first-child):not(.marketplace-section){border-bottom:none;border-top:none}.coming-soon-section,.marketplace-section{border:1px solid #444;margin-top:30px}.coming-soon-section{text-align:center}.coming-soon-header{height:auto;margin-bottom:20px;max-width:70%;width:70%}.character-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.character-img{border-radius:8px;height:auto;width:100%}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:10px}.section-subtitle{color:#fff;font-size:1.2rem;font-weight:500;margin:0}.section-desc{color:#ccc;font-size:1rem;line-height:1.6;margin:0}.marketplace-search{margin-top:15px}.search-input{background:#2a2a2a;border:1px solid #444;border-radius:5px;color:#fff;font-size:1rem;padding:12px 15px;width:100%}.search-input::placeholder{color:#888}.homepage-login{background:#1a1a1a;border-left:1px solid #444;display:flex;flex-direction:column;flex-shrink:0;width:35vw}.login-tabs{border-bottom:1px solid #444;display:flex}.login-tab{background:#2a2a2a;border:none;color:#888;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px 20px;transition:all .2s}.login-tab:first-child{border-right:1px solid #444}.login-tab.active{background:#1a1a1a;border-bottom:2px solid #667eea;color:#fff}.login-tab:hover:not(.active){background:#333}.login-form-container{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:30px}.login-form-container .form-group label{color:#fff}.login-form-container .form-group input{background:#2a2a2a;border:1px solid #444;color:#fff}.login-form-container .form-group input::placeholder{color:#888}.create-tribe-link{color:#667eea;display:block;font-size:1rem;margin-top:20px;text-align:center;text-decoration:none}.create-tribe-link:hover{text-decoration:underline}@media (max-width:1024px){.homepage-split{flex-direction:column}.homepage-left{order:2;padding:20px;width:100%}.homepage-login{border-bottom:1px solid #444;border-left:none;min-height:auto;order:1;width:100%}}.user-info{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:500px;padding:30px}.user-info h3{color:#333;margin-bottom:15px}.user-info p{color:#666;margin-bottom:10px}@media (max-width:600px){.navbar{height:auto;padding:0}.navbar a{margin-left:.67vw}.belonging-logo{display:flex;height:4.25vw;width:auto}.logo-belonging{height:6.25vw;width:auto}}@media (min-width:601px) and (max-width:800px){.navbar{padding:0}.navbar a{margin-left:.5vw}.belonging-logo{display:flex;height:6vw;width:auto}.logo-belonging{height:7vw;width:auto}}@media (min-width:801px) and (max-width:1023px){.navbar a{margin-left:.33vw}.navbar{padding:0}.belonging-logo{display:flex;height:5.75vw;width:auto}.logo-belonging{height:8vw;width:auto}}@media (min-width:1024px) and (max-width:1200px){.navbar{padding:0}.belonging-logo{display:flex;height:4.25vw;width:auto}.logo-belonging{height:5.25vw;width:auto}}@media (min-width:1201px) and (max-width:1400px){.navbar{padding:0}.belonging-logo{display:flex;height:3.33vw;width:auto}.logo-belonging{height:4.5vw;width:auto}}@media (min-width:1401px) and (max-width:1600px){.navbar{padding:0}.belonging-logo{display:flex;height:2.75vw;width:auto}.logo-belonging{height:3.5vw;width:auto}}@media (min-width:1601px){.navbar{padding:0}.belonging-logo{display:flex;height:2.5vw;width:auto}.logo-belonging{height:2.75vw;width:auto}}.skills-page{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:calc(100vh - 70px);padding:30px 20px}.skills-container{margin:0 auto;max-width:900px}.skills-title{color:gold;font-size:2rem;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #00000080}.skills-panel{background:#0006;border:2px solid #444;border-radius:10px;margin-bottom:30px;padding:25px}.total-level{align-items:center;background:linear-gradient(135deg,#2c3e50,#1a252f);border:1px solid gold;border-radius:8px;display:flex;flex-direction:column;margin-bottom:25px;padding:15px}.total-label{color:#888;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.total-value{color:gold;font-size:3rem;font-weight:700;text-shadow:0 0 10px #ffd70080}.total-xp{color:#aaa;font-size:1rem}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{background:linear-gradient(135deg,#2c3e50,#1a252f);border:2px solid #444;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.skill-card:hover{box-shadow:0 5px 20px #0000004d;transform:translateY(-2px)}.skill-card.selected,.skill-card:hover{border-color:#667eea;border-color:var(--skill-color,#667eea)}.skill-card.selected{box-shadow:0 0 15px #667eea;box-shadow:0 0 15px var(--skill-color,#667eea)}.skill-icon{font-size:2rem;margin-bottom:10px}.skill-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.skill-name{color:#fff;font-size:1.1rem;font-weight:600}.skill-level{color:gold;color:var(--skill-color,gold);font-size:1.2rem;font-weight:700}.skill-xp-bar{background:#1a1a1a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.skill-xp-fill{background:linear-gradient(90deg,#667eea,gold);background:linear-gradient(90deg,var(--skill-color,#667eea),gold);border-radius:4px;height:100%;transition:width .5s ease}.skill-xp-text{color:#aaa;font-size:.85rem}.xp-to-next{color:#666;font-size:.75rem}.leaderboard-panel{background:#0006;border:2px solid #444;border-radius:10px;padding:25px}.leaderboard-title{color:gold;font-size:1.5rem;margin-bottom:20px;text-align:center}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.lb-tab{background:#2c3e50;border:1px solid #444;border-radius:5px;color:#aaa;cursor:pointer;padding:8px 16px;transition:all .2s}.lb-tab:hover{background:#34495e;color:#fff}.lb-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.lb-entry{align-items:center;background:#2c3e50;border:1px solid #444;border-radius:8px;display:flex;gap:15px;padding:12px 15px;transition:all .2s}.lb-entry:hover{background:#34495e;border-color:#667eea}.lb-entry.current-user{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea}.lb-rank{color:#888;font-weight:700;min-width:40px}.lb-rank.rank-1{color:gold}.lb-rank.rank-2{color:silver}.lb-rank.rank-3{color:#cd7f32}.lb-user{align-items:center;color:#fff;display:flex;flex:1 1;gap:10px;text-decoration:none}.lb-user:hover{color:#667eea}.lb-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.lb-username{font-weight:500}.lb-level{color:gold;font-weight:700;min-width:60px}.lb-xp{color:#aaa;font-size:.9rem;min-width:100px;text-align:right}@media (max-width:600px){.skills-grid{grid-template-columns:1fr}.lb-entry{flex-wrap:wrap}.lb-xp{margin-top:5px;text-align:left;width:100%}}.messages-page{background:#f5f5f5;display:flex;height:calc(100vh - 70px)}.conversations-list{background:#fff;border-right:1px solid #ddd;overflow-y:auto;width:320px}.conversations-header{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin:0;padding:20px}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:15px 20px;transition:background .2s}.conversation-item:hover{background:#f8f9fa}.conversation-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea}.conv-avatar{flex-shrink:0;position:relative}.conv-avatar img{border-radius:50%;height:45px;object-fit:cover;width:45px}.conv-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;width:45px}.unread-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.conv-info{flex:1 1;overflow:hidden}.conv-username{color:#333;display:block;font-weight:500;margin-bottom:3px}.conv-preview{color:#888;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-conversations{color:#888;font-size:14px;padding:30px 20px;text-align:center}.chat-area{background:#fff;display:flex;flex:1 1;flex-direction:column;position:relative}.chat-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px 20px}.chat-back-btn{display:none}.chat-participant{align-items:center;color:#333;display:flex;font-weight:500;gap:10px;text-decoration:none}.chat-participant:hover{color:#667eea}.chat-avatar{object-fit:cover}.chat-avatar,.chat-avatar-placeholder{border-radius:50%;height:40px;width:40px}.chat-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:700;justify-content:center}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{align-items:flex-end;display:flex;gap:10px;max-width:70%}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message.received{align-self:flex-start}.message-avatar .avatar-placeholder,.message-avatar img{border-radius:50%;height:32px;object-fit:cover;width:32px}.message-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.message-content{border-radius:18px;padding:12px 16px;position:relative}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#f0f0f0;border-bottom-left-radius:4px;color:#333}.message-content p{line-height:1.4;margin:0}.message-time{display:block;font-size:10px;margin-top:5px;opacity:.7}.message-input-form{background:#fafafa;border-top:1px solid #eee;display:flex;gap:10px;padding:15px 20px}.message-input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:12px 20px;transition:border-color .2s}.message-input:focus{border-color:#667eea}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 25px;transition:opacity .2s,transform .2s}.send-button:hover:not(:disabled){transform:scale(1.02)}.send-button:disabled{cursor:not-allowed;opacity:.5}.no-chat-selected{align-items:center;color:#888;display:flex;flex:1 1;font-size:16px;justify-content:center}@media (max-width:768px){.messages-page{flex-direction:column}.conversations-list{border-right:none;width:100%}.chat-area{flex:1 1}.message{max-width:85%}}.post-actions{align-items:center;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(5,1fr);margin-top:15px;padding-top:15px}.interaction-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;padding:5px 8px;transition:all .2s ease}.interaction-btn:hover{background-color:#0000000d}.interaction-btn.liked{color:#e0245e}.interaction-btn.liked:hover{background-color:#e0245e1a}.interaction-btn.reposted{color:#17bf63}.interaction-btn.reposted:hover{background-color:#17bf631a}.interaction-btn.favorited{color:#ffad1f}.interaction-btn.favorited:hover{background-color:#ffad1f1a}.levelup-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 2px 8px #0000001a;color:#000;padding:12px 20px;position:relative;z-index:2000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.levelup-banner-content{align-items:center;display:flex;gap:15px;justify-content:center;margin:0 auto;max-width:1200px;position:relative}.levelup-banner-emoji{font-size:24px}.levelup-banner-text{display:flex;flex-direction:column}.levelup-banner-text strong{font-size:14px;letter-spacing:1px}.levelup-banner-text span{font-size:16px}.levelup-banner-close{align-items:center;background:none;border:none;color:#00000080;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:5px;position:absolute;right:0;transition:color .2s}.levelup-banner-close:hover{color:#000}.chat-call-buttons{display:flex;gap:8px;margin-left:auto}.call-icon-btn{background:none;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.call-icon-btn:hover{background:#ffffff1a}.attachment-preview-strip{background:#0000001a;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.attachment-preview-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;position:relative}.attachment-preview-item img{display:block;height:80px;object-fit:cover;width:80px}.attachment-preview-file{align-items:center;color:#ccc;display:flex;font-size:12px;gap:6px;max-width:160px;padding:8px 10px}.attachment-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:20px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:20px}.attach-btn{background:none;border:none;color:#888;cursor:pointer;flex-shrink:0;font-size:20px;padding:0 6px;transition:color .2s}.attach-btn:hover{color:#bbb}.attach-btn:disabled{cursor:default;opacity:.5}.msg-attachment-img{cursor:pointer;object-fit:contain}.msg-attachment-img,.msg-attachment-video{border-radius:8px;display:block;margin-top:4px;max-height:75vh;max-width:100%}.msg-attachment-audio{display:block;margin-top:4px;max-width:360px}.msg-gallery{grid-gap:4px;display:grid;gap:4px;margin-top:6px;max-width:480px}.msg-gallery-single{grid-template-columns:1fr}.msg-gallery-auto{grid-template-columns:repeat(2,1fr)}.msg-gallery-auto:has(>:only-child){grid-template-columns:1fr}.msg-gallery-auto:has(>:nth-child(4)){grid-template-columns:repeat(3,1fr)}.msg-gallery-2col{grid-template-columns:repeat(2,1fr)}.msg-gallery-3col{grid-template-columns:repeat(3,1fr)}.msg-gallery-4col{grid-template-columns:repeat(4,1fr)}.msg-gallery-2row{grid-auto-flow:column;grid-template-rows:repeat(2,auto)}.msg-gallery-3row{grid-auto-flow:column;grid-template-rows:repeat(3,auto)}.msg-gallery-img{border-radius:6px;cursor:pointer;display:block;height:160px;object-fit:cover;transition:opacity .15s;width:100%}.msg-gallery-img:hover{opacity:.88}.msg-gallery-single .msg-gallery-img{height:auto;max-height:75vh;object-fit:contain}.gallery-layout-picker{align-items:center;display:flex;flex-wrap:wrap;gap:5px;padding:6px 4px 2px;width:100%}.gallery-layout-label{color:#888;font-size:11px;margin-right:2px}.gallery-layout-btn{background:#ffffff12;border:1px solid #ffffff26;border-radius:5px;color:#aaa;cursor:pointer;font-size:11px;padding:3px 8px;transition:background .15s,color .15s}.gallery-layout-btn:hover{background:#ffffff1f;color:#eee}.gallery-layout-btn.active{background:#7850dc59;border-color:#8c64f099;color:#ddd}.msg-attachment-file{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;color:inherit;display:flex;gap:10px;margin-top:4px;max-width:280px;padding:10px 14px;text-decoration:none}.msg-attachment-filename{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-attachment-size{font-size:11px;opacity:.6}.link-embed-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:inherit;display:block;margin-top:8px;max-width:380px;overflow:hidden;text-decoration:none;transition:background .2s}.link-embed-card:hover{background:#ffffff14}.link-embed-image{display:block;height:150px;object-fit:cover;width:100%}.link-embed-body{padding:10px 12px}.link-embed-site{font-size:11px;letter-spacing:.5px;margin-bottom:3px;opacity:.55;text-transform:uppercase}.link-embed-title{font-size:14px;font-weight:600;margin-bottom:4px}.link-embed-desc{font-size:12px;line-height:1.4;opacity:.75}.link-embed-video{border-radius:8px;margin-top:8px;max-width:380px;overflow:hidden}.link-embed-video iframe{display:block}.typing-indicator{align-items:center;display:flex;padding:6px 16px}.typing-dots{display:inline-flex;gap:4px}.typing-dots span{animation:typingBounce 1.2s infinite;background:#888;border-radius:50%;display:inline-block;height:7px;width:7px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.sticker-picker{background:#1e1e2e;border:1px solid #ffffff1a;border-radius:12px;bottom:70px;box-shadow:0 8px 32px #0006;left:12px;padding:12px;position:absolute;width:260px;z-index:100}.sticker-picker-header{align-items:center;color:#ccc;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px}.sticker-picker-close{background:none;border:none;color:#888;cursor:pointer;font-size:18px;line-height:1}.sticker-picker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.sticker-pick-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:6px 4px;transition:background .15s}.sticker-pick-btn:hover{background:#ffffff1f}.sticker-pick-emoji{font-size:22px}.sticker-pick-label{color:#888;font-size:9px;text-align:center}.sticker-inline{display:inline-block;font-size:9vw;margin:16px;vertical-align:middle}.sticker-inline-img{display:inline-block!important;height:9vw!important;margin:0;max-height:9vw!important;max-width:9vw!important;object-fit:contain;vertical-align:middle;width:9vw!important}@media (max-width:1024px){.sticker-inline{font-size:20vw}.sticker-inline-img{height:20vw!important;max-height:20vw!important;max-width:20vw!important;width:20vw!important}}.composer-draft .sticker-inline-img{height:2.5em;vertical-align:middle;width:2.5em}.sticker-pick-img{height:36px;object-fit:contain;width:36px}.sticker-upload-area{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:6px;padding:8px 4px 4px}.sticker-shortcode-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;flex:1 1;font-size:11px;min-width:0;padding:4px 7px}.sticker-shortcode-input::placeholder{color:#888}.sticker-upload-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px;white-space:nowrap}.sticker-upload-btn:disabled{cursor:default;opacity:.5}.sticker-upload-error{color:#ff6b6b;font-size:10px;width:100%}.sticker-img-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1.6;padding:2px 7px}.sticker-pick-wrap{display:inline-flex;position:relative}.sticker-delete-btn{background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:10px;height:16px;line-height:16px;padding:0;position:absolute;right:-4px;text-align:center;top:-4px;width:16px;z-index:2}.sticker-pick-wrap:hover .sticker-delete-btn{display:block}.call-ringing-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.call-ringing-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0003;min-width:300px;padding:32px 40px;text-align:center}.call-icon{font-size:48px;margin-bottom:8px}.call-ringing-label{color:#888;font-size:14px;margin:0 0 4px}.call-ringing-name{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 24px}.call-ringing-actions{display:flex;gap:12px;justify-content:center}.call-active-bar{align-items:center;background:#22c55e;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;left:0;padding:8px 16px;position:fixed;right:0;top:0;z-index:9999}.call-bar-label{white-space:nowrap}.call-bar-actions{display:flex;gap:8px}.call-bar-btn{background:#ffffff40;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px}.call-bar-btn:hover{background:#fff6}.call-bar-btn-active{background:#ffffff80}.call-bar-btn-end{background:#ef4444}.call-bar-btn-end:hover{background:#dc2626}.age-verify-banner{align-items:center;background:#f59e0b;color:#1a1a1a;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px;text-align:center}.account-restricted-banner{box-shadow:0 2px 8px #e74c3c66;font-weight:600;left:0;padding:10px 20px;position:fixed;right:0;top:60px;z-index:9999}.admin-page{margin:30px auto;max-width:1200px;padding:0 20px}.admin-page h1{color:#333;font-size:28px;margin-bottom:20px}.admin-search{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:20px;max-width:400px;outline:none;padding:10px 15px;width:100%}.admin-search:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.admin-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.admin-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#666;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.admin-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafafa}.admin-role-select{background:#fff;cursor:pointer;padding:4px 8px}.admin-limit-input,.admin-role-select{border:1px solid #ddd;border-radius:5px;font-size:13px}.admin-limit-input{padding:5px 8px;width:90px}.admin-btn-ban{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px}.admin-btn-ban:hover{background:#c0392b}.admin-btn-unban{background:#95a5a6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px}.admin-btn-unban:hover{background:#7f8c8d}.admin-btn-mute{background:#e67e22;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px}.admin-btn-mute:hover{background:#d35400}.admin-btn-unmute{background:#95a5a6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px}.admin-btn-unmute:hover{background:#7f8c8d}.admin-btn-save{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 10px}.admin-btn-save:hover{background:#2980b9}.admin-btn-ban:disabled,.admin-btn-mute:disabled,.admin-btn-save:disabled{cursor:not-allowed;opacity:.6}body{padding-bottom:70px}@media (max-width:1024px){body{padding-bottom:16vw}.container{padding:3vw}.card{border-radius:2.5vw;margin-bottom:3vw;padding:4vw}.btn{border-radius:2vw;font-size:3.5vw;min-height:10vw;min-width:10vw;padding:2.5vw 5vw}.interaction-btn{padding:1.5vw 2.5vw}.interaction-btn,.send-button{font-size:4vw;min-height:10vw;min-width:10vw}.send-button{padding:2vw 4vw}.attach-btn{align-items:center;display:flex;font-size:5vw;justify-content:center;min-height:10vw;min-width:10vw;padding:1vw}}.switch-accounts-wrap{position:relative}.switch-accounts-icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.switch-accounts-icon-btn:hover{background:#f0f0f0;color:#667eea}.switch-accounts-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:14px;box-shadow:0 8px 32px #00000024;min-width:240px;padding:12px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:5000}.switch-accounts-label{color:#aaa;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin:6px 0;padding:0 14px;text-transform:uppercase}.switch-account-row{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:10px;padding:8px 14px;text-align:left;transition:background .12s;width:100%}.switch-account-row:hover{background:#f4f4f8}.switch-account-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.switch-account-avatar-placeholder{background:#ddd;border-radius:50%;flex-shrink:0;height:32px;width:32px}.switch-account-username{color:#333;flex:1 1;font-size:.9rem;font-weight:600}.switch-account-hint{color:#aaa;font-size:.72rem}.switch-accounts-divider{background:#f0f0f0;height:1px;margin:8px 0}.switch-accounts-error{color:#c00;font-size:.8rem;margin:4px 0;padding:0 14px}.switch-accounts-form{display:flex;flex-direction:column;gap:6px;padding:4px 14px 8px}.switch-accounts-input{border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;outline:none;padding:7px 10px;width:100%}.switch-accounts-input:focus{border-color:#667eea}.switch-accounts-submit{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px;transition:background .15s;width:100%}.switch-accounts-submit:hover:not(:disabled){background:#4a5bd4}.switch-accounts-submit:disabled{cursor:default;opacity:.5}.switch-accounts-logout{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;text-align:left;transition:background .12s;width:100%}.switch-accounts-logout:hover{background:#fff0f0}.navbar-user-stack{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.navbar-user-avatar{border:2px solid #e8e8ff;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.navbar-user-avatar-placeholder{background:#ddd;border-radius:50%;flex-shrink:0;height:48px;width:48px}.navbar-user-link{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:700;gap:10px;text-decoration:none}.switch-accounts-icon-btn{font-size:1.6rem!important;height:42px!important;width:42px!important}.navbar-user-link:hover{color:#667eea}.navbar-badge{background:#e0245e;border-radius:50%;color:#fff;font-size:10px;font-weight:700;margin-left:4px;min-width:16px;padding:2px 5px;text-align:center}.navbar-links{border-top:1px solid #f0f0f0;display:grid;grid-template-columns:repeat(7,1fr)}.navbar-links a{align-items:center;border-bottom:2px solid #0000;color:#555;display:flex;font-size:.88rem;font-weight:600;justify-content:center;padding:10px 4px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.navbar-links a:hover{background:#f8f8ff;border-bottom-color:#667eea;color:#667eea}.navbar-row2{align-items:center;background:#fff;border-top:1px solid #f0f0f0;display:flex;gap:14px;padding:7px 20px}.navbar-row2-link{border-bottom:2px solid #0000;color:#555;flex-shrink:0;font-size:.9rem;font-weight:600;padding:4px 0;text-decoration:none;transition:color .15s,border-color .15s;white-space:nowrap}.navbar-row2-link:hover{border-bottom-color:#667eea;color:#667eea}.navbar-search-wrap{align-items:center;background:#f8f8fc;border:1px solid #e0e0e0;border-radius:20px;display:flex;flex:1 1;position:relative;transition:border-color .15s}.navbar-search-wrap:focus-within{background:#fff;border-color:#667eea}.navbar-search-input{background:none;border:none;flex:1 1;font-size:.88rem;min-width:0;outline:none;padding:6px 8px 6px 14px}.navbar-search-btn{background:none;border:none;color:#888;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:0 10px 0 4px;transition:color .15s}.navbar-search-btn:hover{color:#667eea}.navbar-search-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:5000}.navbar-search-section{color:#aaa;font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0;padding:8px 14px 4px;text-transform:uppercase}.navbar-search-result{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 14px;transition:background .1s}.navbar-search-result:hover{background:#f4f4f8}.navbar-search-avatar{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.navbar-search-avatar-placeholder{background:#ddd;border-radius:50%;flex-shrink:0;height:30px;width:30px}.navbar-search-post-icon{flex-shrink:0;font-size:1rem;text-align:center;width:30px}.navbar-search-post-info{display:flex;flex-direction:column;gap:1px;min-width:0}.navbar-search-name{color:#333;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-search-sub{color:#aaa;font-size:.75rem}.feed-grid{display:flex;flex-direction:column;gap:16px;margin-top:20px}.profile-posts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:16px}@media (max-width:1024px){.feed-grid{gap:3vw;margin-top:3vw}.profile-posts-grid{gap:3vw;grid-template-columns:1fr}}.feed-tabs-row{border-bottom:2px solid #eee;display:flex;gap:6px;margin-top:16px;padding-bottom:0}.feed-tab-plus{color:#667eea!important;font-size:1.3rem;font-weight:700;min-width:40px}.feed-tab-custom{align-items:center;display:flex;gap:6px;padding-right:10px}.feed-tab-delete{align-items:center;border-radius:50%;color:#999;display:inline-flex;font-size:1.1rem;height:18px;justify-content:center;line-height:1;transition:background .15s,color .15s;width:18px}.feed-tab-delete:hover{background:#0000001f;color:#333}.feed-tab-custom.active .feed-tab-delete{color:#ffffffb3}.feed-tab-custom.active .feed-tab-delete:hover{background:#fff3;color:#fff}.create-feed-modal{background:#fff;border-radius:14px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;gap:14px;max-height:85vh;max-width:95vw;overflow-y:auto;padding:28px 28px 22px;width:420px}.create-feed-modal h3{color:#222;font-size:1.2rem;margin:0}.create-feed-name-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.create-feed-name-input:focus{border-color:#667eea}.create-feed-section{display:flex;flex-direction:column;gap:8px}.create-feed-section-label{color:#888;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.create-feed-options{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.create-feed-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:8px 10px;transition:background .15s}.create-feed-option input[type=checkbox]{display:none}.create-feed-option:hover{background:#f5f5f5}.create-feed-option.selected{background:#eef0ff;color:#667eea;font-weight:600}.create-feed-friend{align-items:center;display:flex;gap:8px}.create-feed-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.create-feed-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.create-feed-error{color:#e53e3e;font-size:.9rem;margin:0}.create-feed-actions{display:flex;gap:10px;margin-top:4px}.create-feed-btn-save{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:11px;transition:background .2s}.create-feed-btn-save:hover:not(:disabled){background:#5a6fd6}.create-feed-btn-save:disabled{cursor:default;opacity:.6}.create-feed-btn-cancel{background:#f0f0f0;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:1rem;padding:11px 18px;transition:background .2s}.create-feed-btn-cancel:hover{background:#e0e0e0}.create-feed-search-wrap{position:relative}.create-feed-search-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:.95rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.create-feed-search-input:focus{border-color:#667eea}.create-feed-search-input:disabled{background:#f9f9f9;color:#aaa;cursor:default}.create-feed-suggestions{border:1.5px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;display:flex;flex-direction:column;max-height:200px;overflow:hidden;overflow-y:auto}.create-feed-suggestion{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 12px;text-align:left;transition:background .12s}.create-feed-suggestion:hover{background:#f0f1ff;color:#667eea}.create-feed-no-results{color:#aaa;font-size:.85rem;margin:4px 0 0;padding:6px 12px}.create-feed-chips{display:flex;flex-wrap:wrap;gap:6px}.create-feed-chip{align-items:center;background:#eef0ff;border-radius:20px;color:#667eea;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;padding:4px 8px 4px 6px}.create-feed-chip-remove{background:none;border:none;color:#667eea;cursor:pointer;font-size:1rem;line-height:1;opacity:.7;padding:0 0 0 2px}.create-feed-chip-remove:hover{opacity:1}.create-feed-chip-avatar{border-radius:50%;height:18px;object-fit:cover;width:18px}.create-feed-chip-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;width:18px}@media (max-width:1024px){.create-feed-modal{padding:5vw}.feed-tab-delete{font-size:4vw;height:5vw;width:5vw}.navbar-top{background-color:#fff;padding:2vw 3vw}.navbar-links{display:none}.navbar-row2{gap:3vw;padding:2vw 3vw}.navbar-row2-link,.navbar-search-input{font-size:3.5vw}.navbar-user-avatar,.navbar-user-avatar-placeholder{height:8vw;width:8vw}.navbar-user-link{font-size:3.2vw;gap:2vw}.navbar-top-user{gap:3vw}}.feed-tab{background:#0000;border:none;border-radius:5px;color:#666;cursor:pointer;font-size:1rem;font-weight:400;padding:10px 20px;transition:all .2s}.feed-tab.active{background:#667eea;color:#fff;font-weight:700}.feed-tab:hover:not(.active){background:#f0f0f0}@media (max-width:1024px){.feed-tab{border-radius:2vw;flex:1 1;font-size:3.5vw;min-height:10vw;padding:2vw;text-align:center}}.mobile-nav{align-items:center;background:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:3000}@media (max-width:1024px){.mobile-nav{height:16vw}}.mobile-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;color:#666;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:48px;min-width:48px;text-decoration:none;transition:color .2s}.mobile-nav-btn.active-nav,.mobile-nav-btn:hover{color:#667eea}.mobile-nav-icon{font-size:24px;line-height:1}.mobile-nav-svg{display:block;height:24px;object-fit:contain;width:24px}.mobile-nav-label{font-size:10px;font-weight:500;line-height:1}.mobile-nav-avatar{border-radius:50%;display:block;height:24px;object-fit:cover;width:24px}@media (max-width:1024px){.mobile-nav-btn{gap:1vw;min-height:10vw;min-width:10vw}.mobile-nav-icon{font-size:7.5vw}.mobile-nav-svg{height:7.5vw;width:7.5vw}.mobile-nav-label{font-size:2.5vw}.mobile-nav-avatar{height:7.5vw;width:7.5vw}}.create-post-page{background:#f5f5f5;min-height:100vh;padding-bottom:18vw}.create-post-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;gap:12px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.create-post-back{background:none;border:none;color:#555;cursor:pointer;font-size:1.4rem;line-height:1;padding:0 4px}.create-post-title{color:#333;font-size:1.1rem;font-weight:600}.create-post-body{padding:16px}@media (max-width:1024px){.messages-page{flex-direction:column;height:calc(100vh - 16vw)}.conversations-list{border-bottom:none;border-right:none;flex:1 1;max-height:none;overflow-y:auto;width:100%}.chat-area,.messages-page.chat-open .conversations-list{display:none}.messages-page.chat-open .chat-area{display:flex;flex:1 1;flex-direction:column;height:100%}.chat-back-btn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;font-size:4vw;font-weight:600;padding:0 2vw 0 0}.message{max-width:90%}.message-input-form{gap:2vw;padding:2vw}.message-input{font-size:4vw;padding:2vw}}.feed-compose-section{margin-top:16px}.feed-compose-header{margin-bottom:10px}.feed-compose-title{color:#333;font-size:1.1rem;font-weight:700}.post-composer{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;padding:16px}.composer-error{background:#fee;border-radius:8px;color:#c00;font-size:.85rem;margin-bottom:10px;padding:8px 12px}.composer-fields{display:flex;flex:1 1;flex-direction:column;gap:4px}.composer-title-input{background:#0000;border:none;color:#222;font-family:inherit;font-size:1rem;font-weight:700;outline:none;padding:0;width:100%}.composer-title-input::placeholder{color:#bbb;font-weight:400}.composer-draft{background:#0000;border:none;color:#444;font-family:inherit;font-size:.95rem;font-weight:400;line-height:1.5;min-height:52px;outline:none;padding:0;resize:none;width:100%;word-break:break-word}.composer-draft:empty:before{color:#bbb;content:attr(data-placeholder);display:block;pointer-events:none}.composer-actions{align-items:center;display:flex;gap:6px}.composer-btn-stack{display:flex;flex-direction:column;gap:2px}.composer-btn{align-items:center;background:#f4f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:background .15s;width:32px}.composer-btn:hover{background:#e8e8ee}.composer-btn:disabled{cursor:not-allowed;opacity:.4}.composer-post-btn{background:#667eea;color:#fff;font-size:1.3rem}.composer-post-btn:hover:not(:disabled){background:#5a6fd6}.composer-sticker-panel{background:#f8f8ff;border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:10px}.sticker-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.4rem;padding:4px;transition:background .1s}.sticker-btn:hover{background:#eee}.composer-meta{align-items:center;border-top:1px solid #f4f4f4;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px}.composer-location-wrap,.composer-tribes-wrap{align-items:center;background:#f4f4f6;border-radius:8px;cursor:text;display:flex;flex:1 1;gap:4px;min-width:80px;padding:5px 10px;position:relative}.composer-meta-icon{color:#888;flex-shrink:0;font-size:.9rem}.composer-meta-input{background:none;border:none;color:#444;flex:1 1;font-size:.85rem;min-width:0;outline:none}.composer-topbar{align-items:center;display:flex;margin-bottom:10px}.composer-heading{color:#333;font-size:1rem;font-weight:700}.composer-input-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.composer-avatar-wrap{flex-shrink:0}.composer-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.composer-avatar-placeholder{background:#ddd;border-radius:50%;height:40px;width:40px}.composer-tribe-dropdown{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 16px #0000001a;left:0;max-height:220px;min-width:200px;overflow-y:auto;position:absolute;top:110%;z-index:1000}.composer-tribe-option{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.composer-tribe-option:hover{background:#f8f8ff}.composer-tribe-count{color:#aaa;font-size:.75rem;margin-left:auto}.composer-location-dropdown{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 16px #0000001a;left:0;max-height:220px;min-width:220px;overflow-y:auto;position:absolute;top:110%;z-index:1000}.composer-location-option{color:#444;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background .1s}.composer-location-option:hover{background:#f8f8ff}.composer-privacy-select,.composer-vibe-select{background:#f4f4f6;border:none;border-radius:8px;color:#444;cursor:pointer;font-size:.85rem;outline:none;padding:5px 8px}.composer-privacy-select{flex:1 1}.composer-privacy-row{align-items:center;border-top:1px solid #f4f4f4;display:flex;gap:8px;margin-top:8px;padding-top:10px}.composer-privacy-label{color:#888;flex-shrink:0;font-size:.8rem;font-weight:600;white-space:nowrap}.composer-selected-tribes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.composer-tribe-chip{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:3px 10px 3px 8px}.composer-tribe-chip button{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;opacity:.8;padding:0 0 0 4px}.composer-footer{display:flex;justify-content:flex-end;margin-top:10px}.composer-cancel{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem;padding:4px 8px}.composer-cancel:hover{color:#333}.composer-image-grid{grid-gap:4px;border-radius:12px;display:grid;gap:4px;margin:8px 0 6px;overflow:hidden}.composer-image-grid.cols-1{grid-template-columns:1fr}.composer-image-grid.cols-2{grid-template-columns:1fr 1fr}.composer-image-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.composer-image-wrap{aspect-ratio:1;background:#f0f0f0;overflow:hidden;position:relative}.composer-image-grid.cols-1 .composer-image-wrap{aspect-ratio:16/9}.composer-image-preview{display:block;height:100%;object-fit:cover;width:100%}video.composer-image-preview{background:#000;object-fit:contain}.composer-image-remove{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:26px;justify-content:center;line-height:1;padding:0;position:absolute;right:6px;top:6px;width:26px;z-index:2}.composer-image-remove:hover{background:#000c}.composer-image-rows{display:flex;flex-direction:column;gap:6px;margin:6px 0}.composer-row{background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.composer-row-header{align-items:center;background:#f2f2f2;border-bottom:1px solid #e8e8e8;display:flex;gap:4px;padding:5px 8px}.layout-btn{background:#e0e0e0;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:11px;letter-spacing:1px;padding:3px 7px}.layout-btn:hover{background:#ccc}.layout-btn.active{background:#667eea;color:#fff}.row-ctrl-btn{background:#0000001f;border:none;border-radius:4px;color:#444;cursor:pointer;font-size:12px;padding:2px 7px}.row-ctrl-btn:hover{background:#00000038}.row-ctrl-remove{background:#c8000026;color:#c00}.row-ctrl-remove:hover{background:#c800004d}.row-layout-btns{display:flex;gap:2px}.row-layout-btn{background:#00000014;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.75rem;font-weight:600;padding:2px 8px}.row-layout-btn:hover{background:#0000002e}.row-layout-btn.active{background:#667eea;color:#fff}.composer-image-wrap.dragging{opacity:.4;outline:2px dashed #667eea}.composer-image-wrap:not(.composer-add-slot){cursor:grab}.composer-image-wrap:not(.composer-add-slot):active{cursor:grabbing}.composer-add-slot{align-items:center;background:#f7f7f7;border:2px dashed #ccc!important;color:#aaa;cursor:pointer;display:flex;font-size:22px;justify-content:center;outline:none}.composer-add-slot:hover{background:#eff2ff;border-color:#667eea!important;color:#667eea}.row-type-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px}.row-text-area{background:#fff;border:none;border-radius:0;box-sizing:border-box;padding:8px 10px;resize:vertical;width:100%}.composer-add-row-btns{display:flex;gap:6px;margin:4px 0 2px}.row-add-btn{background:none;border:1px dashed #ccc;border-radius:6px;color:#888;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .15s}.row-add-btn:hover{background:#eff2ff;border-color:#667eea;color:#667eea}.detected-links{display:flex;flex-direction:column;gap:8px;margin:8px 0}.detected-link-item{position:relative}.detected-link-dismiss{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;line-height:1;position:absolute;right:6px;top:6px;width:22px;z-index:2}.detected-link-img{border-radius:8px;display:block;max-width:100%}.detected-link-loading{color:#999;font-size:12px;padding:6px 0}.upload-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.upload-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-width:95vw;overflow:hidden;width:440px}.upload-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:16px 20px 12px}.upload-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:22px;padding:0 2px}.upload-modal-close:hover{color:#333}.upload-dropzone{align-items:center;background:#fafafa;border:2.5px dashed #d0d0d0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:16px;padding:48px 24px;transition:all .15s}.upload-dropzone.dragover,.upload-dropzone:hover{background:#eff2ff;border-color:#667eea}.upload-dropzone-icon{font-size:40px;line-height:1}.upload-dropzone-text{color:#333;font-size:15px;font-weight:600;margin:0}.upload-dropzone-sub{color:#888;font-size:13px;margin:0}.upload-progress-list{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px}.upload-progress-item{grid-gap:4px 10px;display:grid;gap:4px 10px;grid-template-columns:1fr auto;grid-template-rows:auto auto}.upload-progress-name{color:#444;font-size:13px;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-bar-wrap{background:#eee;border-radius:4px;grid-column:1;height:7px;overflow:hidden}.upload-progress-bar{border-radius:4px;height:100%;transition:width .15s ease,background .3s}.upload-progress-pct{align-items:center;color:#555;display:flex;font-size:12px;font-weight:700;grid-column:2;grid-row:1/3}.composer-row .composer-image-grid{border-radius:0;gap:6px;margin:0;padding:6px}.post-image-grid{grid-gap:4px;border-radius:12px;display:grid;gap:4px;margin:12px 0 0;overflow:hidden}.post-image-grid[data-cols="1"]{grid-template-columns:1fr}.post-image-grid[data-cols="2"]{grid-template-columns:1fr 1fr}.post-image-grid[data-cols="3"]{grid-template-columns:1fr 1fr 1fr}.post-content-wrapper .post-image-grid img,.post-content-wrapper .post-image-grid video{aspect-ratio:1;border-radius:0;display:block;margin:0;object-fit:cover;width:100%}.post-content-wrapper .post-image-grid[data-cols="1"] img,.post-content-wrapper .post-image-grid[data-cols="1"] video{aspect-ratio:16/9;background:#000;max-height:560px;object-fit:contain}.post-content-wrapper img:not(.sticker-inline-img){border-radius:8px;display:block;height:auto;margin:8px 0;max-width:100%}@media (max-width:1024px){.feed-compose-title{font-size:4vw}.post-composer{border-radius:3vw;padding:3vw}.composer-title-input{font-size:4vw}.composer-draft{font-size:3.5vw;min-height:12vw}.composer-btn{border-radius:2vw;font-size:4vw;height:8vw;width:8vw}.composer-meta{gap:2vw;margin-top:2vw;padding-top:2vw}.composer-location-wrap,.composer-tribes-wrap{border-radius:2vw;padding:1.5vw 2vw}.composer-meta-input{font-size:3vw}.composer-privacy-select,.composer-vibe-select{border-radius:2vw;font-size:3vw;padding:1.5vw 2vw}.composer-privacy-label{font-size:3vw}.composer-location-dropdown,.composer-tribe-dropdown{max-height:40vw;min-width:50vw}.composer-location-option,.composer-tribe-option{font-size:3vw;padding:2vw 3vw}.sticker-btn{font-size:5vw;padding:1vw}.composer-avatar,.composer-avatar-placeholder{height:9vw;width:9vw}.composer-heading{font-size:3.5vw}.composer-input-row{gap:2vw}}.trends-page{margin:0 auto;max-width:700px;padding:20px}.trends-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.trends-header h1{font-size:1.8rem;margin:0}.trends-period-btns{display:flex;gap:8px}.trends-period-btns .btn.active{background:#667eea;color:#fff}.trends-loading{color:#888;padding:40px;text-align:center}.trends-section{margin-bottom:36px}.trends-section-title{border-bottom:2px solid #eee;color:#444;font-size:1.1rem;font-weight:700;margin-bottom:16px;padding-bottom:8px}.trends-word-cloud{align-items:baseline;background:#f8f9ff;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px 14px;min-height:80px;padding:16px}.trend-word{color:#667eea;cursor:default;font-weight:600;line-height:1.3;transition:color .15s}.trend-word:hover{color:#4a5bd4}.trend-post-card{background:#fff;border:1px solid #eee;border-radius:12px;color:inherit;display:block;margin-bottom:12px;padding:16px;text-decoration:none;transition:box-shadow .15s}.trend-post-card:hover{box-shadow:0 4px 16px #00000014}.trend-post-meta{align-items:center;display:flex;gap:8px;margin-bottom:8px}.trend-avatar{object-fit:cover}.trend-avatar,.trend-avatar-placeholder{border-radius:50%;height:28px;width:28px}.trend-avatar-placeholder{background:#ddd}.trend-post-user{color:#667eea;font-size:.85rem;font-weight:600}.trend-post-tagline{color:#222;font-size:1rem;font-weight:700;margin:4px 0}.trend-post-content{color:#555;font-size:.9rem;margin:4px 0 10px}.trend-post-stats{color:#888;display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px}.trend-leaderboard{align-items:stretch;display:flex;gap:12px}.trend-lb-card{background:#fff;border:1px solid #eee;border-radius:14px;color:inherit;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px;position:relative;text-decoration:none;transition:box-shadow .15s}.trend-lb-card:hover{box-shadow:0 6px 20px #0000001a}.trend-lb-rank-1{border-top:3px solid #f5c518}.trend-lb-rank-2{border-top:3px solid #aaa}.trend-lb-rank-3{border-top:3px solid #cd7f32}.trend-lb-medal{font-size:1.8rem;line-height:1;margin-bottom:10px}.trend-lb-meta{align-items:center;display:flex;gap:6px;margin-bottom:8px}.trend-lb-tagline{color:#222;font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 6px}.trend-lb-content{color:#666;font-size:.82rem;line-height:1.5;margin:0 0 10px;word-break:break-word}.trend-lb-score{align-items:baseline;display:flex;gap:3px;margin-bottom:10px}.trend-lb-score-num{color:#667eea;font-size:1.5rem;font-weight:800;line-height:1}.trend-lb-score-label{color:#aaa;font-size:.75rem;font-weight:600}.trend-ranked-list{border:1px solid #eee;border-radius:12px;margin-top:12px;overflow:hidden}.trend-ranked-row{align-items:center;border-bottom:1px solid #f4f4f4;color:inherit;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:background .12s}.trend-ranked-row:last-child{border-bottom:none}.trend-ranked-row:hover{background:#f8f9ff}.trend-ranked-num{color:#bbb;flex-shrink:0;font-size:.85rem;font-weight:700;text-align:center;width:24px}.trend-ranked-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.trend-ranked-user{color:#667eea;font-size:.8rem;font-weight:600}.trend-ranked-tagline{color:#333;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-ranked-score{color:#aaa;flex-shrink:0;font-size:.8rem;font-weight:700}@media (max-width:1024px){.trends-page{padding:4vw}.trends-header h1{font-size:6vw}.trends-word-cloud{border-radius:3vw;gap:2vw 3vw;padding:3vw}.trend-post-card{border-radius:3vw;padding:4vw}.trend-post-stats{font-size:3vw;gap:2vw}.trend-leaderboard{flex-direction:column}.trend-lb-card{border-radius:3vw;padding:4vw}.trend-lb-medal{font-size:6vw;margin-bottom:2vw}.trend-lb-tagline{font-size:3.5vw}.trend-lb-content{font-size:3vw}.trend-lb-score-num{font-size:5vw}}.profile-header-card{padding:0}.profile-banner-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);max-height:280px;overflow:hidden;position:relative;width:100%}.profile-banner-img{object-fit:cover;object-position:center}.profile-banner-img,.profile-banner-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.profile-banner-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-header-body{padding:0 24px 24px;position:relative;z-index:1}.profile-header-avatar-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:12px;margin-top:-40px}.profile-header-avatar{align-items:center;background:#eee;border:3px solid #fff;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;object-fit:cover;width:80px}.profile-header-avatar-placeholder{background:#667eea;color:#fff;font-size:32px;font-weight:700}.profile-header-actions{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.profile-header-name{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 4px}.profile-header-username{color:#666;font-size:14px;margin:0 0 8px}.profile-member-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:2px 10px}.profile-header-counts{display:flex;gap:20px;margin-bottom:12px}.profile-header-counts>div{display:flex;flex-direction:column}.profile-count-num{color:#1a1a1a;font-size:18px;font-weight:700}.profile-count-label{color:#666;font-size:12px}.edit-profile-banner-wrap{display:flex;flex-direction:column;gap:8px}.edit-profile-banner-preview{display:block;object-fit:cover}.edit-profile-banner-placeholder,.edit-profile-banner-preview{aspect-ratio:16/9;border-radius:8px;max-height:200px;width:100%}.edit-profile-banner-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffffb3;display:flex;font-size:14px;justify-content:center}.edit-profile-banner-btn{align-self:flex-start;background:#667eea;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.edit-profile-banner-btn:hover{background:#5a6fd6}.edit-profile-banner-remove{align-self:flex-start;background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.edit-profile-banner-remove:hover{background:#fef2f2}@media (max-width:1024px){.profile-banner-wrap{max-height:none}.profile-header-avatar{font-size:26px;height:64px;width:64px}.profile-header-avatar-row{margin-top:-32px}.profile-header-name{font-size:18px}}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.edit-tribe-modal{background:#fff;border-radius:14px;box-shadow:0 8px 40px #0003;max-height:85vh;max-width:95vw;overflow-y:auto;padding:28px;width:480px}.tribe-role-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:13px;padding:4px 8px}.tribe-remove-btn{background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:4px 10px;white-space:nowrap}.tribe-remove-btn:hover{background:#fef2f2}.report-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.report-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:24px;width:90%}.legal-doc-content h1{color:#333;font-size:24px;margin:0 0 16px}.legal-doc-content h2{color:#333;font-size:20px;margin:24px 0 12px}.legal-doc-content h3{color:#444;font-size:16px;margin:20px 0 8px}.legal-doc-content p{color:#444;line-height:1.7;margin:0 0 12px}.legal-doc-content ul{margin:8px 0 16px;padding-left:20px}.legal-doc-content li{color:#444;line-height:1.6;margin-bottom:4px}.legal-doc-content a{color:#667eea}.account-restricted-banner{background:#e74c3c;color:#fff;font-size:14px;font-weight:500;padding:12px 20px;text-align:center}.account-restricted-banner a{color:#fff}.skip-to-content{background:#7c3aed;border-radius:0 0 8px 0;color:#fff;font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .2s;z-index:100000}.skip-to-content:focus{top:0}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}
/*# sourceMappingURL=main.76a7ac95.css.map*/