:root{--grito-fire:#FF4D00;--grito-sun:#FF8C00;--grito-gold:#FFB800;--grito-magenta:#E91E8C;--grito-purple:#8B5CF6;--grito-cyan:#06B6D4;--grito-green:#10b981;--bg:#0A0A0F;--bg-card:#141420;--bg-elevated:#1C1C2E;--bg-input:#1E1E30;--text:#FFFFFF;--text-secondary:#9CA3AF;--text-muted:#9CA3AF;--border:#2A2A3E;--surface:#141420;--text-primary:#FFFFFF;--nav-height:52px;--top-bar-height:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;}.top-bar{position:fixed;top:0;left:0;right:0;height:calc(var(--top-bar-height) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;padding-left:16px;padding-right:12px;background:var(--bg);border-bottom:1px solid var(--border);z-index:100;}.logo-icon{width:28px;height:28px;border-radius:6px;}.logo{font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--grito-fire),var(--grito-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px;margin-left:6px;}.top-bar-right{display:flex;gap:4px;}.top-icon{background:none;border:none;color:var(--text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background 0.2s;}.top-icon:active{background:var(--bg-elevated);}.notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--grito-fire);}.main-scroll{position:fixed;top:calc(var(--top-bar-height) + var(--safe-top));bottom:calc(var(--nav-height) + var(--safe-bottom));left:0;right:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}.screen-pad{padding:16px;}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(52px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;background:var(--bg);border-top:1px solid var(--border);z-index:100;padding-left:2px;padding-right:2px;}.nav-item{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:500;cursor:pointer;padding:6px 4px;transition:color 0.2s;min-width:0;flex:1;}.nav-item.active{color:var(--grito-fire);}.nav-item span{margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.nav-item svg{width:20px;height:20px;}.stories{display:flex;gap:12px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;-ms-overflow-style:none;}.stories::-webkit-scrollbar{display:none;}.story{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:68px;cursor:pointer;}.story-ring{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--grito-fire),var(--grito-gold),var(--grito-magenta));padding:3px;display:flex;align-items:center;justify-content:center;}.story-ring.add{background:var(--bg-elevated);border:2px dashed var(--text-muted);padding:0;}.add-icon{font-size:24px;color:var(--text-muted);}.story-img{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:28px;}.story-name{font-size:11px;color:var(--text-secondary);max-width:68px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.feed{display:flex;flex-direction:column;}.post{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px;}.post-header{display:flex;align-items:center;padding:10px 12px 6px;}.post-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.post-user{flex:1;margin-left:10px;}.post-username{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;}.verified{background:var(--grito-fire);color:white;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.post-location{font-size:11px;color:var(--text-muted);}.post-more{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:8px;letter-spacing:2px;}.post-image{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}.post-image-emoji{font-size:80px;filter:drop-shadow(0 4px 20px rgba(0,0,0,0.3));z-index:1;}.grito-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:80px;z-index:10;animation:gritoPop 0.9s ease-out forwards;pointer-events:none;}@keyframes gritoPop{0%{transform:translate(-50%,-50%) scale(0) rotate(0deg);opacity:1;}25%{transform:translate(-50%,-50%) scale(1.1) rotate(-15deg);opacity:1;}50%{transform:translate(-50%,-50%) scale(1.2) rotate(15deg);opacity:1;}75%{transform:translate(-50%,-50%) scale(1.1) rotate(-8deg);opacity:0.7;}100%{transform:translate(-50%,-50%) scale(1.3) rotate(0deg);opacity:0;}}@keyframes bellRing{0%{transform:rotate(0deg);}15%{transform:rotate(14deg);}30%{transform:rotate(-12deg);}45%{transform:rotate(10deg);}60%{transform:rotate(-8deg);}75%{transform:rotate(4deg);}100%{transform:rotate(0deg);}}.grito-btn.bell-ring svg{animation:bellRing 0.6s ease-in-out;transform-origin:top center;}.post-actions{display:flex;align-items:center;padding:8px 12px;gap:4px;}.post-action{background:none;border:none;color:var(--text);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s;}.post-action:active{transform:scale(0.85);}.post-action svg{width:22px;height:22px;}.post-action.liked{color:var(--grito-fire);}.post-action-spacer{flex:1;}.post-likes{padding:0 16px;font-size:14px;font-weight:700;}.post-caption{padding:4px 16px 0;font-size:14px;line-height:1.4;}.post-caption strong{font-weight:600;}.tag{color:var(--grito-cyan);font-weight:500;}.post-comments{padding:4px 16px 0;}.post-comments-btn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:2px 0;}.post-comment{font-size:13px;line-height:1.4;margin-top:2px;}.post-comment strong{font-weight:600;}.post-time{padding:4px 16px 8px;font-size:11px;color:var(--text-muted);text-transform:uppercase;}.event-card{margin:12px 16px;border-radius:16px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);}.event-banner{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}.event-banner-bg{position:absolute;inset:0;background:rgba(0,0,0,0.15);}.event-live{position:absolute;top:12px;left:12px;background:#EF4444;color:white;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;animation:livePulse 2s ease-in-out infinite;}@keyframes livePulse{0%,100%{opacity:1;}50%{opacity:0.7;}}.event-attendees{position:absolute;bottom:12px;right:12px;display:flex;}.event-attendee{width:28px;height:28px;border-radius:50%;background:var(--bg-card);border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:-8px;}.event-attendee:first-child{margin-left:0;}.event-attendee.count{font-size:10px;font-weight:700;color:white;background:rgba(0,0,0,0.5);}.event-body{padding:14px 16px;}.event-date{font-size:12px;color:var(--grito-fire);font-weight:600;}.event-title{font-size:18px;font-weight:700;margin:4px 0;}.event-meta{font-size:13px;color:var(--text-secondary);margin-bottom:12px;}.event-rsvp{width:100%;padding:12px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.3s;background:linear-gradient(135deg,var(--grito-fire),var(--grito-magenta));color:white;}.event-rsvp:active{transform:scale(0.97);}.event-rsvp.rsvpd{background:var(--bg-elevated);color:var(--grito-green);border:1px solid var(--grito-green);}.familia-section{margin:12px 16px;padding:16px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);}.familia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.familia-title{font-size:16px;font-weight:700;}.familia-see-all{background:none;border:none;color:var(--grito-fire);font-size:13px;font-weight:600;cursor:pointer;}.familia-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.familia-member{display:flex;flex-direction:column;align-items:center;gap:6px;}.familia-avatar{width:52px;height:52px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;}.familia-avatar.familia-online::after{content:'';position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--grito-green);border:2px solid var(--bg-card);}.familia-name{font-size:11px;color:var(--text-secondary);text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.familia-chat-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);margin-bottom:20px;overflow:hidden;}.familia-chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;}.online-count{font-size:12px;color:var(--grito-green);font-weight:500;}.familia-chat-preview{padding:12px 16px;}.chat-msg{font-size:14px;line-height:1.5;padding:4px 0;}.chat-msg strong{font-weight:600;}.chat-input-row{display:flex;padding:10px 12px;border-top:1px solid var(--border);gap:8px;}.chat-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:8px 14px;color:var(--text);font-size:14px;outline:none;font-family:inherit;}.chat-input::placeholder{color:var(--text-muted);}.chat-send-btn{background:linear-gradient(135deg,var(--grito-fire),var(--grito-gold));border:none;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.familia-members-section{margin-bottom:20px;}.familia-list{display:flex;flex-direction:column;gap:4px;}.familia-list-item{display:flex;align-items:center;padding:10px 0;gap:12px;}.familia-avatar-lg{width:48px;height:48px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative;}.familia-avatar-lg.familia-online::after{content:'';position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--grito-green);border:2px solid var(--bg);}.familia-info{flex:1;}.familia-member-name{font-size:15px;font-weight:600;}.familia-member-role{font-size:12px;color:var(--text-muted);}.familia-status{font-size:12px;color:var(--text-muted);font-weight:500;}.familia-status.online{color:var(--grito-green);}.familia-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.familia-action-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:background 0.2s;font-family:inherit;}.familia-action-btn:active{background:var(--bg-elevated);}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:20px;}.search-bar svg{flex-shrink:0;color:var(--text-muted);}.search-input{flex:1;background:none;border:none;color:var(--text);font-size:15px;outline:none;font-family:inherit;}.search-input::placeholder{color:var(--text-muted);}.section-title{font-size:18px;font-weight:700;margin-bottom:12px;}.trending-section{margin-bottom:24px;}.trending-tags{display:flex;flex-wrap:wrap;gap:8px;}.trend-tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;font-family:inherit;}.trend-tag:active{background:var(--grito-fire);border-color:var(--grito-fire);}.grid-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:120px;gap:4px;}.grid-item{border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;transition:transform 0.2s;}.grid-item:active{transform:scale(0.95);}.grid-item.tall{grid-row:span 2;}.grid-item.wide{grid-column:span 2;}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.screen-title{font-size:24px;font-weight:800;}.create-event-btn{background:linear-gradient(135deg,var(--grito-fire),var(--grito-magenta));border:none;color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}.event-filters{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;}.event-filters::-webkit-scrollbar{display:none;}.filter-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all 0.2s;font-family:inherit;}.filter-chip.active{background:var(--grito-fire);border-color:var(--grito-fire);color:white;}.profile-header{display:flex;flex-direction:column;align-items:center;padding:20px 0 16px;}.profile-avatar-large{width:88px;height:88px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:44px;margin-bottom:12px;}.profile-name{font-size:22px;font-weight:800;}.profile-handle{font-size:14px;color:var(--text-muted);margin-top:2px;}.profile-bio{font-size:14px;color:var(--text-secondary);text-align:center;margin-top:8px;line-height:1.4;padding:0 20px;}.profile-stats{display:flex;justify-content:space-around;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:12px;}.stat{text-align:center;}.stat-num{font-size:18px;font-weight:800;}.stat-label{font-size:12px;color:var(--text-muted);margin-top:2px;}.profile-actions-row{display:flex;gap:8px;margin-bottom:16px;}.profile-edit-btn{flex:1;padding:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}.profile-share-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);width:42px;border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.profile-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:12px;}.profile-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:12px;font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;font-family:inherit;}.profile-tab.active{color:var(--text);border-bottom-color:var(--grito-fire);}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}.profile-grid-item{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:opacity 0.2s;}.profile-grid-item:active{opacity:0.7;}.profile-settings-link{padding:20px 0;text-align:center;}.settings-btn{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;font-family:inherit;}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn 0.2s;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.modal-content{background:var(--bg-card);width:100%;max-width:500px;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;animation:slideUp 0.3s ease-out;}@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;}.modal-title{font-size:16px;font-weight:700;}.modal-post-btn{background:linear-gradient(135deg,var(--grito-fire),var(--grito-magenta));border:none;color:white;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}.create-body{padding:16px;}.create-user-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}.create-audience{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:4px 8px;border-radius:8px;font-size:12px;margin-top:4px;font-family:inherit;}.create-text{width:100%;background:none;border:none;color:var(--text);font-size:16px;resize:none;outline:none;line-height:1.5;min-height:100px;font-family:inherit;}.create-text::placeholder{color:var(--text-muted);}.create-media-preview{min-height:20px;}.create-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border);}.create-tool{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:20px;font-size:13px;cursor:pointer;transition:background 0.2s;font-family:inherit;}.create-tool:active{background:var(--bg-elevated);}#app-content{transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.3s ease;will-change:transform,opacity;}.screen-exit-right{transform:translateX(-30px);opacity:0;}.screen-exit-left{transform:translateX(30px);opacity:0;}.screen-enter-right{transform:translateX(30px);opacity:0;}.screen-enter-left{transform:translateX(-30px);opacity:0;}.screen-active{transform:translateX(0);opacity:1;}.post{animation:postSlideIn 0.4s ease-out both;}.post:nth-child(1){animation-delay:0s;}.post:nth-child(2){animation-delay:0.05s;}.post:nth-child(3){animation-delay:0.1s;}.post:nth-child(4){animation-delay:0.15s;}.post:nth-child(5){animation-delay:0.2s;}.event-card{animation:postSlideIn 0.4s ease-out both;}.familia-section{animation:postSlideIn 0.4s ease-out both;}@keyframes postSlideIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.pull-indicator{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;transition:height 0.3s;color:var(--grito-fire);}.pull-indicator.pulling{height:50px;}.pull-indicator.refreshing{height:50px;}.pull-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--grito-fire);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.skeleton{background:var(--bg-elevated);border-radius:8px;position:relative;overflow:hidden;}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.04),transparent);animation:shimmer 1.5s infinite;}@keyframes shimmer{from{transform:translateX(-100%);}to{transform:translateX(100%);}}.skeleton-post{padding:12px 16px;margin-bottom:4px;border-bottom:1px solid var(--border);}.skeleton-avatar{width:36px;height:36px;border-radius:50%;}.skeleton-line{height:14px;border-radius:4px;margin-top:8px;}.skeleton-line.short{width:40%;}.skeleton-line.medium{width:70%;}.skeleton-image{width:100%;aspect-ratio:1;margin-top:10px;border-radius:0;}.story-viewer{position:fixed;inset:0;z-index:300;background:#000;display:flex;flex-direction:column;animation:fadeIn 0.2s;}.story-viewer-header{display:flex;align-items:center;padding:12px 16px;padding-top:calc(12px + var(--safe-top));position:absolute;top:0;left:0;right:0;z-index:10;}.story-progress-bar{display:flex;gap:3px;padding:8px 16px;position:absolute;top:var(--safe-top);left:0;right:0;z-index:10;}.story-progress-seg{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,0.3);overflow:hidden;}.story-progress-fill{height:100%;background:white;width:0%;transition:width 0.1s linear;}.story-progress-seg.done .story-progress-fill{width:100%;}.story-progress-seg.active .story-progress-fill{animation:storyTimer 5s linear forwards;}@keyframes storyTimer{from{width:0%;}to{width:100%;}}.story-viewer-user{display:flex;align-items:center;gap:10px;margin-top:16px;}.story-viewer-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:20px;}.story-viewer-name{font-size:14px;font-weight:600;color:white;}.story-viewer-time{font-size:12px;color:rgba(255,255,255,0.6);margin-left:8px;}.story-close{margin-left:auto;background:none;border:none;color:white;font-size:24px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}.story-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;font-size:120px;}.story-viewer-zones{position:absolute;inset:0;display:flex;z-index:5;}.story-zone{flex:1;cursor:pointer;}.story-viewer-reply{display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));}.story-reply-input{flex:1;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:10px 16px;color:white;font-size:14px;outline:none;font-family:inherit;}.story-reply-input::placeholder{color:rgba(255,255,255,0.5);}.story-reply-send{background:none;border:none;color:var(--grito-fire);font-size:14px;font-weight:600;cursor:pointer;}.comment-drawer{position:fixed;bottom:0;left:0;right:0;z-index:250;background:var(--bg-card);border-radius:20px 20px 0 0;max-height:70vh;display:flex;flex-direction:column;animation:slideUp 0.3s ease-out;border-top:1px solid var(--border);}.comment-drawer-handle{display:flex;justify-content:center;padding:10px;}.comment-drawer-handle::after{content:'';width:40px;height:4px;background:var(--text-muted);border-radius:2px;}.comment-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--border);}.comment-drawer-title{font-size:16px;font-weight:700;}.comment-drawer-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;}.comment-drawer-list{flex:1;overflow-y:auto;padding:12px 16px;}.comment-item{display:flex;gap:10px;padding:10px 0;}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}.comment-content{flex:1;}.comment-author{font-size:13px;font-weight:600;}.comment-text{font-size:14px;line-height:1.4;margin-top:2px;}.comment-meta{font-size:11px;color:var(--text-muted);margin-top:4px;display:flex;gap:12px;}.comment-input-row{display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));border-top:1px solid var(--border);}.comment-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:10px 16px;color:var(--text);font-size:14px;outline:none;font-family:inherit;}.comment-input::placeholder{color:var(--text-muted);}.comment-send{background:var(--grito-fire);border:none;color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}.comment-drawer-backdrop{position:fixed;inset:0;z-index:240;background:rgba(0,0,0,0.5);animation:fadeIn 0.2s;}.notif-list{display:flex;flex-direction:column;}.notif-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);align-items:flex-start;animation:postSlideIn 0.3s ease-out both;}.notif-item:nth-child(1){animation-delay:0s;}.notif-item:nth-child(2){animation-delay:0.03s;}.notif-item:nth-child(3){animation-delay:0.06s;}.notif-item:nth-child(4){animation-delay:0.09s;}.notif-item:nth-child(5){animation-delay:0.12s;}.notif-item:nth-child(6){animation-delay:0.15s;}.notif-item:nth-child(7){animation-delay:0.18s;}.notif-item:nth-child(8){animation-delay:0.21s;}.notif-item.unread{background:rgba(255,77,0,0.05);}.notif-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}.notif-body{flex:1;}.notif-text{font-size:14px;line-height:1.4;}.notif-text strong{font-weight:600;}.notif-time{font-size:12px;color:var(--text-muted);margin-top:4px;}.notif-thumb{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.notif-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:4px;}.notif-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:12px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;font-family:inherit;text-align:center;}.notif-tab.active{color:var(--text);border-bottom-color:var(--grito-fire);}.msg-list{display:flex;flex-direction:column;}.msg-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background 0.2s;animation:postSlideIn 0.3s ease-out both;}.msg-item:nth-child(1){animation-delay:0s;}.msg-item:nth-child(2){animation-delay:0.03s;}.msg-item:nth-child(3){animation-delay:0.04s;}.msg-item:nth-child(4){animation-delay:0.06s;}.msg-item:nth-child(5){animation-delay:0.08s;}.msg-item:active{background:var(--bg-elevated);}.msg-item.unread .msg-name{color:var(--text);}.msg-item.unread .msg-preview{color:var(--text-secondary);font-weight:500;}.msg-avatar{width:52px;height:52px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;position:relative;}.msg-avatar.msg-online::after{content:'';position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:var(--grito-green);border:2px solid var(--bg);}.msg-body{flex:1;min-width:0;}.msg-top{display:flex;justify-content:space-between;align-items:center;}.msg-name{font-size:15px;font-weight:600;color:var(--text-secondary);}.msg-time{font-size:12px;color:var(--text-muted);}.msg-preview{font-size:14px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.msg-unread-dot{width:10px;height:10px;border-radius:50%;background:var(--grito-fire);flex-shrink:0;align-self:center;}.msg-search{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:12px;}.msg-search svg{flex-shrink:0;color:var(--text-muted);}.msg-search-input{flex:1;background:none;border:none;color:var(--text);font-size:14px;outline:none;font-family:inherit;}.msg-search-input::placeholder{color:var(--text-muted);}.chat-view{display:flex;flex-direction:column;height:100%;}.chat-header-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);}.chat-back{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px;}.chat-header-info{flex:1;}.chat-header-name{font-size:16px;font-weight:600;}.chat-header-status{font-size:12px;color:var(--grito-green);}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;animation:postSlideIn 0.2s ease-out;}.chat-bubble.sent{align-self:flex-end;background:linear-gradient(135deg,var(--grito-fire),var(--grito-magenta));color:white;border-bottom-right-radius:4px;}.chat-bubble.received{align-self:flex-start;background:var(--bg-elevated);color:var(--text);border-bottom-left-radius:4px;}.chat-bubble-time{font-size:10px;color:rgba(255,255,255,0.6);text-align:right;margin-top:4px;}.chat-bubble.received .chat-bubble-time{color:var(--text-muted);}.share-sheet{position:fixed;bottom:0;left:0;right:0;z-index:250;background:var(--bg-card);border-radius:20px 20px 0 0;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));animation:slideUp 0.3s ease-out;}.share-sheet-handle{display:flex;justify-content:center;margin-bottom:16px;}.share-sheet-handle::after{content:'';width:40px;height:4px;background:var(--text-muted);border-radius:2px;}.share-sheet-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:16px;}.share-contacts{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scrollbar-width:none;}.share-contacts::-webkit-scrollbar{display:none;}.share-contact{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;}.share-contact-avatar{width:52px;height:52px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:24px;}.share-contact-name{font-size:11px;color:var(--text-secondary);max-width:64px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--border);}.share-action{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:var(--text);cursor:pointer;font-family:inherit;}.share-action-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:22px;}.share-action-label{font-size:11px;color:var(--text-secondary);}.toast{position:fixed;top:calc(var(--top-bar-height) + var(--safe-top) + 8px);left:16px;right:16px;z-index:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;animation:toastIn 0.3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,0.4);}.toast.hiding{animation:toastOut 0.3s ease-in forwards;}@keyframes toastIn{from{transform:translateY(-100%);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes toastOut{from{transform:translateY(0);opacity:1;}to{transform:translateY(-100%);opacity:0;}}.toast-icon{font-size:24px;}.toast-text{flex:1;font-size:14px;font-weight:500;}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;overflow:hidden;}.settings-section-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;padding:14px 16px 8px;}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-size:15px;}.settings-row:last-child{border-bottom:none;}.settings-link{padding:14px 16px;border-bottom:1px solid var(--border);font-size:15px;cursor:pointer;transition:background 0.2s;}.settings-link:last-child{border-bottom:none;}.settings-link:active{background:var(--bg-elevated);}.lang-toggle{display:flex;gap:0;padding:8px 12px 12px;}.lang-btn{flex:1;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);padding:10px 8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;}.lang-btn:first-child{border-radius:10px 0 0 10px;}.lang-btn:last-child{border-radius:0 10px 10px 0;}.lang-btn.active{background:var(--grito-fire);border-color:var(--grito-fire);color:white;}.lang-flag{font-size:16px;}.toggle-switch{width:48px;height:28px;background:var(--bg-elevated);border-radius:14px;cursor:pointer;position:relative;transition:background 0.3s;border:1px solid var(--border);}.toggle-switch.active{background:var(--grito-fire);border-color:var(--grito-fire);}.toggle-knob{width:22px;height:22px;background:white;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform 0.3s;box-shadow:0 1px 4px rgba(0,0,0,0.3);}.toggle-switch.active .toggle-knob{transform:translateX(20px);}.onboarding-splash{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;}.onboarding-slides{flex:1;display:flex;align-items:center;justify-content:center;width:100%;}.onboarding-slide{display:none;flex-direction:column;align-items:center;text-align:center;animation:fadeIn 0.4s ease-out;}.onboarding-slide.active{display:flex;}.onboarding-emoji{font-size:80px;margin-bottom:24px;filter:drop-shadow(0 4px 20px rgba(255,77,0,0.3));}.onboarding-title{font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--grito-fire),var(--grito-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;}.onboarding-subtitle{font-size:16px;color:var(--text-secondary);font-style:italic;margin-bottom:16px;}.onboarding-desc{font-size:16px;color:var(--text-secondary);line-height:1.5;max-width:300px;}.onboarding-dots{display:flex;gap:8px;margin-bottom:24px;}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-elevated);transition:all 0.3s;}.onboarding-dot.active{background:var(--grito-fire);width:24px;border-radius:4px;}.onboarding-next{width:100%;max-width:300px;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--grito-fire),var(--grito-magenta));color:white;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:12px;font-family:inherit;transition:transform 0.2s;}.onboarding-next:active{transform:scale(0.97);}.onboarding-skip{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:8px 16px;font-family:inherit;margin-bottom:calc(24px + var(--safe-bottom));}.image-viewer{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s;cursor:zoom-out;}.image-viewer-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:160px;}.verified{box-shadow:0 0 6px rgba(255,77,0,0.4);}.double-tap-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:rgba(255,255,255,0.8);padding:6px 12px;border-radius:20px;font-size:11px;white-space:nowrap;pointer-events:none;animation:fadeIn 0.3s ease-out,fadeOut 2s 1s forwards;}@keyframes fadeOut{to{opacity:0;}}.grid-item::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0);border-radius:8px;transition:background 0.2s;}.grid-item:active::after{background:rgba(0,0,0,0.15);}.grid-item{position:relative;}.typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 14px;}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite;}.typing-dot:nth-child(2){animation-delay:0.2s;}.typing-dot:nth-child(3){animation-delay:0.4s;}@keyframes typingBounce{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-6px);}}.post-menu{position:absolute;right:16px;top:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:4px 0;min-width:180px;z-index:50;box-shadow:0 8px 32px rgba(0,0,0,0.4);animation:fadeIn 0.15s;}.post-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;cursor:pointer;transition:background 0.2s;}.post-menu-item:active{background:var(--bg-elevated);}.post-menu-item.danger{color:#ef4444;}button{cursor:pointer;}input,textarea,select{font-family:inherit;}.main-scroll::-webkit-scrollbar{width:0;}::selection{background:var(--grito-fire);color:white;}@media (hover:none){.nav-item:active,.post-action:active,.trend-tag:active,.filter-chip:active,.live-story:active{transform:scale(0.93);}}.logo-live{font-size:10px;font-weight:900;background:#EF4444;color:white;padding:2px 6px;border-radius:4px;margin-left:6px;letter-spacing:1px;animation:livePulse 2s ease-in-out infinite;vertical-align:middle;}.super-tabs-row{display:flex;border-bottom:1px solid var(--border);margin:0 16px;overflow-x:auto;scrollbar-width:none;}.super-tabs-row::-webkit-scrollbar{display:none;}.super-tabs-row .feed-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:8px 6px;font-size:13px;font-weight:600;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all 0.2s;}.super-tabs-row .feed-tab.active{color:var(--text);border-bottom-color:var(--grito-fire);}.live-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 12px;scrollbar-width:none;}.live-strip::-webkit-scrollbar{display:none;}.live-story{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;cursor:pointer;position:relative;}.live-ring{width:54px;height:54px;border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center;}.live-ring.story{background:linear-gradient(135deg,var(--grito-fire),var(--grito-gold),var(--grito-magenta));}.live-ring.live{background:linear-gradient(135deg,#ef4444,#dc2626);animation:liveRingPulse 1.5s ease-in-out infinite;}.live-ring.add{background:var(--bg-elevated);border:2px dashed var(--text-muted);padding:0;}@keyframes liveRingPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.4);}50%{box-shadow:0 0 0 4px rgba(239,68,68,0);}}.live-img{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:22px;}.live-badge{position:absolute;top:-2px;left:50%;transform:translateX(-50%);background:#ef4444;color:white;font-size:9px;font-weight:800;padding:1px 6px;border-radius:4px;letter-spacing:0.5px;}.live-name{font-size:10px;color:var(--text-secondary);max-width:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.live-viewers{font-size:10px;color:var(--grito-fire);font-weight:600;}.add-icon{font-size:24px;color:var(--text-muted);}.fab-create{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);right:14px;z-index:150;width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--grito-fire),var(--grito-magenta));color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(255,77,0,0.4);transition:transform 0.3s,box-shadow 0.3s;}.fab-create:active{transform:scale(0.9);}.fab-create.active{transform:rotate(45deg);box-shadow:0 4px 30px rgba(255,77,0,0.6);}.quick-actions-overlay{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,0.7);opacity:0;pointer-events:none;transition:opacity 0.3s;}.quick-actions-overlay.active{opacity:1;pointer-events:auto;}.quick-actions-menu{position:absolute;bottom:calc(var(--nav-height) + var(--safe-bottom) + 84px);right:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;}.qa-item{display:flex;align-items:center;gap:12px;flex-direction:row-reverse;background:none;border:none;color:white;cursor:pointer;font-family:inherit;opacity:0;transform:translateY(20px);transition:opacity 0.2s,transform 0.2s;}.quick-actions-overlay.active .qa-item{opacity:1;transform:translateY(0);}.quick-actions-overlay.active .qa-item:nth-child(1){transition-delay:0.05s;}.quick-actions-overlay.active .qa-item:nth-child(2){transition-delay:0.1s;}.quick-actions-overlay.active .qa-item:nth-child(3){transition-delay:0.15s;}.quick-actions-overlay.active .qa-item:nth-child(4){transition-delay:0.2s;}.quick-actions-overlay.active .qa-item:nth-child(5){transition-delay:0.25s;}.qa-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.3);}.qa-item span{font-size:14px;font-weight:600;background:var(--bg-card);padding:6px 14px;border-radius:8px;}.nav-live-label{color:inherit;font-weight:700;}.nav-item[data-route="live"].active .nav-live-label{color:#ef4444;}.nav-item[data-route="live"].active svg{color:#ef4444;}.live-poll-card{margin:8px 12px;padding:12px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);animation:postSlideIn 0.4s ease-out both;}.poll-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.poll-live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:livePulse 2s ease-in-out infinite;}.poll-label{font-size:12px;font-weight:800;color:#ef4444;letter-spacing:0.5px;}.poll-voters{margin-left:auto;font-size:12px;color:var(--text-muted);}.poll-question{font-size:16px;font-weight:700;margin-bottom:12px;}.poll-options{display:flex;flex-direction:column;gap:8px;}.poll-option{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;overflow:hidden;font-family:inherit;color:var(--text);font-size:14px;transition:border-color 0.2s;}.poll-option:active{border-color:var(--grito-fire);}.poll-option.voted{border-color:var(--grito-fire);}.poll-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(255,77,0,0.1);border-radius:10px;transition:width 0.5s ease-out;}.poll-option-text{position:relative;z-index:1;font-weight:500;}.poll-option-pct{position:relative;z-index:1;font-weight:700;color:var(--grito-fire);}.mercado-teaser{margin:8px 12px;padding:0;animation:postSlideIn 0.4s ease-out both;}.mercado-teaser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}.mercado-teaser-title{font-size:16px;font-weight:700;}.mercado-teaser-see{font-size:13px;color:var(--grito-fire);font-weight:600;cursor:pointer;}.mercado-teaser-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px;}.mercado-teaser-scroll::-webkit-scrollbar{display:none;}.mercado-mini-item{min-width:100px;text-align:center;cursor:pointer;}.mercado-mini-img{width:100px;height:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:6px;}.mercado-mini-price{font-size:14px;font-weight:800;color:var(--grito-green);}.mercado-mini-name{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;}.trending-feed{padding:16px;}.trend-card{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:8px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);animation:postSlideIn 0.3s ease-out both;}.trend-card:nth-child(1){animation-delay:0s;}.trend-card:nth-child(2){animation-delay:0.05s;}.trend-card:nth-child(3){animation-delay:0.1s;}.trend-card:nth-child(4){animation-delay:0.15s;}.trend-card:nth-child(5){animation-delay:0.2s;}.trend-card:nth-child(6){animation-delay:0.25s;}.trend-card.hot{border-color:rgba(255,77,0,0.3);}.trend-rank{font-size:16px;font-weight:900;color:var(--grito-fire);min-width:32px;}.trend-info{flex:1;}.trend-topic{font-size:15px;font-weight:700;}.trend-count{font-size:12px;color:var(--text-muted);margin-top:2px;}.trend-fire{font-size:20px;}.fed-chip{background:var(--bg-elevated);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;}.live-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.go-live-btn{background:#ef4444;border:none;color:white;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px rgba(239,68,68,0.4);}.go-live-btn:active{transform:scale(0.95);}.live-categories{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none;padding-bottom:4px;}.live-categories::-webkit-scrollbar{display:none;}.live-cat{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;font-family:inherit;transition:all 0.2s;}.live-cat.active{background:#ef4444;border-color:#ef4444;color:white;}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.live-stream-card{border-radius:16px;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border);}.live-stream-card.featured{grid-column:span 2;}.live-stream-bg{height:160px;display:flex;align-items:center;justify-content:center;}.live-stream-card.featured .live-stream-bg{height:200px;}.live-stream-emoji{font-size:48px;}.live-stream-badge{position:absolute;top:12px;right:12px;background:#ef4444;color:white;font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:0.5px;animation:livePulse 2s ease-in-out infinite;}.live-stream-viewers{position:absolute;top:12px;left:12px;background:rgba(0,0,0,0.6);color:white;font-size:12px;font-weight:600;padding:4px 8px;border-radius:8px;}.live-stream-info{padding:10px 12px;background:var(--bg-card);}.live-stream-name{font-size:14px;font-weight:700;}.live-stream-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.voz-rooms{display:flex;flex-direction:column;gap:10px;}.voz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;cursor:pointer;}.voz-title{font-size:15px;font-weight:700;margin-bottom:8px;}.voz-speakers{display:flex;align-items:center;gap:4px;font-size:20px;margin-bottom:6px;}.voz-count{font-size:12px;color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:10px;}.voz-meta{font-size:12px;color:var(--text-muted);}.mercado-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.sell-btn{background:linear-gradient(135deg,var(--grito-green),#059669);border:none;color:white;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;}.sell-btn:active{transform:scale(0.95);}.mercado-cats{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none;}.mercado-cats::-webkit-scrollbar{display:none;}.mercado-cat{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;font-family:inherit;transition:all 0.2s;}.mercado-cat.active{background:var(--grito-green);border-color:var(--grito-green);color:white;}.mercado-live-selling{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:16px;}.mercado-live-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.mercado-live-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;}.mercado-live-scroll::-webkit-scrollbar{display:none;}.mercado-live-card{min-width:140px;position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);}.mercado-live-img{height:100px;display:flex;align-items:center;justify-content:center;font-size:36px;}.mercado-live-info{padding:8px 10px;background:var(--bg-card);}.mercado-live-name{font-size:12px;font-weight:600;}.mercado-live-item{font-size:11px;color:var(--text-secondary);}.mercado-live-price{font-size:13px;font-weight:800;color:var(--grito-green);margin-top:2px;}.mercado-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.mercado-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;}.mercado-item-img{height:120px;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--bg-elevated);}.mercado-hot-badge{position:absolute;top:8px;left:8px;background:var(--grito-fire);color:white;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;}.mercado-item-info{padding:10px 12px;}.mercado-item-price{font-size:16px;font-weight:800;color:var(--grito-green);}.mercado-item-name{font-size:13px;font-weight:500;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mercado-item-meta{font-size:11px;color:var(--text-muted);margin-top:4px;}.groups-section{margin-bottom:8px;}.groups-list{display:flex;flex-direction:column;gap:4px;}.group-card{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}.group-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}.group-info{flex:1;}.group-name{font-size:15px;font-weight:600;}.group-meta{font-size:12px;color:var(--text-muted);margin-top:2px;}.group-join-btn{background:var(--grito-fire);border:none;color:white;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}.group-join-btn.joined{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);}.music-now-playing{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px;margin-top:12px;}.music-art{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}.music-info{flex:1;}.music-title{font-size:15px;font-weight:700;}.music-artist{font-size:13px;color:var(--text-secondary);margin-top:2px;}.music-play-btn{background:var(--grito-fire);border:none;color:white;width:42px;height:42px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.music-live-djs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}.music-live-djs::-webkit-scrollbar{display:none;}.music-dj-card{min-width:200px;border-radius:16px;overflow:hidden;border:1px solid var(--border);position:relative;}.music-dj-art{height:100px;display:flex;align-items:center;justify-content:center;font-size:36px;}.music-dj-info{padding:10px 12px;background:var(--bg-card);}.music-dj-name{font-size:14px;font-weight:700;}.music-dj-genre{font-size:12px;color:var(--text-secondary);}.music-dj-listeners{font-size:11px;color:var(--grito-fire);font-weight:600;margin-top:4px;}.music-tracks{display:flex;flex-direction:column;gap:2px;}.music-track{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}.music-track-num{font-size:14px;font-weight:800;color:var(--text-muted);min-width:24px;text-align:center;}.music-track-info{flex:1;}.music-track-title{font-size:14px;font-weight:600;}.music-track-artist{font-size:12px;color:var(--text-secondary);}.music-track-plays{font-size:12px;color:var(--text-muted);}.music-track-play{background:var(--bg-elevated);border:none;color:var(--text);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.music-playlists{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}.music-playlists::-webkit-scrollbar{display:none;}.music-playlist-card{min-width:160px;height:100px;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;}.music-playlist-name{font-size:14px;font-weight:700;color:white;}.music-playlist-count{font-size:12px;color:rgba(255,255,255,0.7);margin-top:4px;}.live-events-section{margin-bottom:16px;}.live-event-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid rgba(239,68,68,0.3);border-radius:12px;padding:14px;}.live-event-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:livePulse 2s ease-in-out infinite;}.live-event-info{flex:1;}.live-event-name{font-size:14px;font-weight:700;}.live-event-meta{font-size:12px;color:var(--text-secondary);margin-top:2px;}.live-event-join{background:var(--grito-fire);border:none;color:white;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - var(--top-bar-height) - var(--nav-height) - var(--safe-top) - var(--safe-bottom));padding:24px;}.auth-card{width:100%;max-width:400px;background:var(--bg-card);border-radius:16px;overflow:hidden;}.auth-header{background:linear-gradient(135deg,var(--grito-fire),var(--grito-sun));padding:32px 24px;text-align:center;}.auth-header h1{font-size:28px;font-weight:900;color:white;margin-bottom:4px;}.auth-header p{color:rgba(255,255,255,0.8);font-size:14px;}.auth-tabs{display:flex;border-bottom:1px solid var(--border);}.auth-tab{flex:1;padding:14px;text-align:center;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all 0.2s;border-bottom:2px solid transparent;}.auth-tab.active{color:var(--grito-fire);border-bottom-color:var(--grito-fire);}.auth-form{padding:24px;display:flex;flex-direction:column;gap:16px;}.auth-form.hidden{display:none;}.auth-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color 0.2s;}.auth-input:focus{border-color:var(--grito-fire);}.auth-input::placeholder{color:var(--text-muted);}.auth-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--grito-fire),var(--grito-sun));color:white;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:opacity 0.2s,transform 0.1s;}.auth-submit:active{transform:scale(0.98);}.auth-submit:disabled{opacity:0.5;cursor:not-allowed;}.auth-error{color:#ef4444;font-size:13px;text-align:center;padding:8px;background:rgba(239,68,68,0.1);border-radius:8px;display:none;}.auth-error.show{display:block;}.auth-footer{text-align:center;padding:16px;color:var(--text-muted);font-size:13px;}.auth-footer a{color:var(--grito-fire);text-decoration:none;}.profile-header{text-align:center;padding:24px 16px;border-bottom:1px solid var(--border);}.profile-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 12px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:white;}.profile-avatar img{width:100%;height:100%;object-fit:cover;}.profile-name{font-size:20px;font-weight:700;margin-bottom:2px;}.profile-username{color:var(--text-muted);font-size:14px;margin-bottom:8px;}.profile-bio{color:var(--text-secondary);font-size:14px;margin-bottom:16px;max-width:300px;margin-left:auto;margin-right:auto;}.profile-stats{display:flex;justify-content:center;gap:32px;margin-bottom:16px;}.profile-stat{text-align:center;}.profile-stat-num{font-size:18px;font-weight:700;}.profile-stat-label{font-size:12px;color:var(--text-muted);}.profile-actions{display:flex;gap:10px;justify-content:center;}.profile-follow-btn{padding:10px 32px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s;}.profile-follow-btn.follow{background:var(--grito-fire);color:white;}.profile-follow-btn.following{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);}.profile-edit-btn{padding:10px 24px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;}.search-container{padding:12px 16px;}.search-input-wrap{display:flex;align-items:center;background:var(--bg-input);border-radius:10px;padding:0 12px;border:1px solid var(--border);transition:border-color 0.2s;}.search-input-wrap:focus-within{border-color:var(--grito-fire);}.search-input-wrap svg{color:var(--text-muted);flex-shrink:0;}.search-input{flex:1;padding:12px 10px;background:none;border:none;color:var(--text);font-size:15px;font-family:inherit;outline:none;}.search-input::placeholder{color:var(--text-muted);}.search-results-tabs{display:flex;border-bottom:1px solid var(--border);margin-top:8px;}.search-results-tab{flex:1;padding:10px;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;}.search-results-tab.active{color:var(--grito-fire);border-bottom-color:var(--grito-fire);}.notif-list{padding:0;}.notif-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background 0.2s;}.notif-item.unread{background:rgba(255,77,0,0.05);}.notif-item-avatar{flex-shrink:0;}.notif-item-body{flex:1;min-width:0;}.notif-item-text{font-size:14px;color:var(--text-secondary);line-height:1.4;}.notif-item-text strong{color:var(--text);}.notif-item-time{font-size:12px;color:var(--text-muted);margin-top:2px;}.convo-list{padding:0;}.convo-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background 0.2s;}.convo-item:active{background:var(--bg-elevated);}.convo-body{flex:1;min-width:0;}.convo-name{font-size:15px;font-weight:600;}.convo-preview{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.convo-time{font-size:12px;color:var(--text-muted);flex-shrink:0;}.chat-view{display:flex;flex-direction:column;height:calc(100dvh - var(--top-bar-height) - var(--nav-height) - var(--safe-top) - var(--safe-bottom));}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);}.chat-back{background:none;border:none;color:var(--text);cursor:pointer;font-size:18px;}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;}.chat-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;}.chat-bubble.sent{align-self:flex-end;background:var(--grito-fire);color:white;border-bottom-right-radius:4px;}.chat-bubble.received{align-self:flex-start;background:var(--bg-elevated);color:var(--text);border-bottom-left-radius:4px;}.chat-input-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg-card);}.chat-input{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:14px;font-family:inherit;outline:none;}.chat-send{width:36px;height:36px;border-radius:50%;background:var(--grito-fire);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}.settings-list{padding:0;}.settings-group{padding:16px;border-bottom:1px solid var(--border);}.settings-group-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}.settings-item-label{font-size:15px;}.settings-toggle{position:relative;width:44px;height:24px;background:var(--bg-input);border-radius:12px;border:none;cursor:pointer;transition:background 0.2s;}.settings-toggle.on{background:var(--grito-fire);}.settings-toggle::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform 0.2s;}.settings-toggle.on::after{transform:translateX(20px);}.settings-select{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;}.settings-logout{width:100%;padding:14px;background:rgba(239,68,68,0.1);color:#ef4444;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;}.marketplace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px;}.marketplace-card{background:var(--bg-card);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform 0.2s;}.marketplace-card:active{transform:scale(0.97);}.marketplace-card-img{width:100%;aspect-ratio:1;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--text-muted);}.marketplace-card-img img{width:100%;height:100%;object-fit:cover;}.marketplace-card-body{padding:10px;}.marketplace-card-price{font-size:16px;font-weight:700;color:var(--grito-fire);}.marketplace-card-title{font-size:13px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.groups-list{padding:12px 16px;display:flex;flex-direction:column;gap:12px;}.group-card{background:var(--bg-card);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;}.group-card-avatar{width:50px;height:50px;border-radius:12px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--grito-fire);flex-shrink:0;}.group-card-info{flex:1;min-width:0;}.group-card-name{font-size:15px;font-weight:600;}.group-card-members{font-size:13px;color:var(--text-muted);}.group-join-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s;}.group-join-btn.join{background:var(--grito-fire);color:white;}.group-join-btn.joined{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);}.live-list{padding:12px 16px;display:flex;flex-direction:column;gap:12px;}.live-card{background:var(--bg-card);border-radius:12px;overflow:hidden;cursor:pointer;}.live-card-preview{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a0033,#4a0080);display:flex;align-items:center;justify-content:center;position:relative;}.live-card-badge{position:absolute;top:10px;left:10px;background:#ef4444;color:white;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;}.live-card-viewers{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.6);color:white;padding:3px 8px;border-radius:4px;font-size:11px;}.live-card-body{padding:12px;}.live-card-title{font-size:15px;font-weight:600;}.live-card-host{font-size:13px;color:var(--text-muted);margin-top:2px;}.music-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 16px;}.music-tab{padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;}.music-tab.active{color:var(--grito-fire);border-bottom-color:var(--grito-fire);}.track-list{padding:0;}.track-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);}.track-cover{width:48px;height:48px;border-radius:8px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}.track-cover img{width:100%;height:100%;object-fit:cover;}.track-info{flex:1;min-width:0;}.track-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.track-artist{font-size:13px;color:var(--text-muted);}.track-play{width:36px;height:36px;border-radius:50%;background:var(--grito-fire);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);}.screen-title{font-size:20px;font-weight:700;}.screen-action-btn{padding:8px 16px;background:var(--grito-fire);color:white;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);}.empty-state-icon{font-size:48px;margin-bottom:16px;}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;}.empty-state-text{font-size:14px;line-height:1.5;}.voz-card{background:var(--bg-card);border-radius:12px;padding:16px;margin:8px 16px;}.voz-card-title{font-size:16px;font-weight:600;margin-bottom:4px;}.voz-card-desc{font-size:13px;color:var(--text-muted);margin-bottom:12px;}.voz-card-speakers{display:flex;gap:-4px;margin-bottom:10px;}.voz-join-btn{padding:8px 20px;background:var(--grito-fire);color:white;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;}.category-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.category-tabs::-webkit-scrollbar{display:none;}.category-tab{padding:8px 16px;background:var(--bg-elevated);color:var(--text-secondary);border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.2s;}.category-tab.active{background:var(--grito-fire);color:white;}:root{--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--leading-tight:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:220ms;--duration-slow:350ms;--duration-page:400ms;}body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter',system-ui,-system-ui,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;letter-spacing:-0.01em;}.top-icon{width:44px;height:44px;min-width:44px;min-height:44px;}.nav-item{min-height:44px;min-width:44px;padding:6px 4px;font-size:11px;-webkit-tap-highlight-color:transparent;}.post-action{width:44px;height:44px;min-width:44px;min-height:44px;}.post-comments-btn{min-height:44px;padding:10px 0;display:inline-flex;align-items:center;}.post-more{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}.qa-item{min-height:48px;}.modal-close{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);transition:background var(--duration-fast) ease;}.modal-close:active{background:var(--bg-elevated);}.comment-drawer-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}.chat-send-btn{width:44px;height:44px;min-width:44px;min-height:44px;}.comment-send{width:44px;height:44px;min-width:44px;min-height:44px;}.share-action{min-height:44px;padding:4px;}.story-close{width:44px;height:44px;min-width:44px;}.filter-chip,.live-cat,.mercado-cat,.trend-tag{min-height:36px;display:inline-flex;align-items:center;}.group-join-btn{min-height:36px;padding:8px 16px;}.auth-tab{min-height:44px;}.music-track-play{width:44px;height:44px;min-width:44px;}.profile-tab{min-height:44px;}.notif-tab{min-height:44px;}.settings-row,.settings-link{min-height:44px;display:flex;align-items:center;}.top-bar{background:rgba(10,10,15,0.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:0.5px solid rgba(255,255,255,0.08);}.top-bar-left{display:flex;align-items:center;}.bottom-nav{background:rgba(10,10,15,0.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:0.5px solid rgba(255,255,255,0.08);}.nav-item{transition:color var(--duration-normal) ease,transform var(--duration-fast) ease;position:relative;}.nav-item::after{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:2px;border-radius:1px;background:var(--grito-fire);transition:transform var(--duration-normal) var(--ease-out-expo);}.nav-item.active::after{transform:translateX(-50%) scaleX(1);}.nav-item:active{transform:scale(0.88);transition:transform 60ms ease;}.nav-item.active svg{transform:scale(1.08);transition:transform var(--duration-normal) var(--ease-spring);}.nav-item svg{transition:transform var(--duration-normal) ease;}.post{border-bottom:0.5px solid rgba(255,255,255,0.06);padding-bottom:var(--space-12);margin-bottom:0;}.post-header{padding:var(--space-12) var(--space-16) var(--space-8);}.post-username{font-size:var(--text-base);font-weight:700;letter-spacing:-0.02em;line-height:var(--leading-tight);}.post-caption{padding:var(--space-4) var(--space-16) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);letter-spacing:-0.01em;}.post-time{padding:var(--space-4) var(--space-16) var(--space-8);font-size:var(--text-xs);letter-spacing:0.02em;}.post-likes{padding:0 var(--space-16);font-size:var(--text-base);font-weight:700;letter-spacing:-0.01em;}.post-image{background:var(--bg-elevated);}@keyframes gritoBurst{0%{transform:scale(1);}15%{transform:scale(1.35);}30%{transform:scale(0.92);}45%{transform:scale(1.12);}60%{transform:scale(0.98);}100%{transform:scale(1);}}.post-action.grito-btn.liked svg{animation:gritoBurst 0.5s var(--ease-spring);}@keyframes fireParticle1{0%{transform:translate(0,0) scale(1);opacity:1;}100%{transform:translate(-12px,-28px) scale(0);opacity:0;}}@keyframes fireParticle2{0%{transform:translate(0,0) scale(1);opacity:1;}100%{transform:translate(14px,-24px) scale(0);opacity:0;}}@keyframes fireParticle3{0%{transform:translate(0,0) scale(1);opacity:1;}100%{transform:translate(-6px,-32px) scale(0);opacity:0;}}@keyframes fireParticle4{0%{transform:translate(0,0) scale(1);opacity:1;}100%{transform:translate(8px,-20px) scale(0);opacity:0;}}.grito-particles{position:absolute;top:50%;left:50%;pointer-events:none;}.grito-particles .particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--grito-fire);}.grito-particles .particle:nth-child(1){animation:fireParticle1 0.5s ease-out forwards;}.grito-particles .particle:nth-child(2){animation:fireParticle2 0.5s ease-out 0.05s forwards;background:var(--grito-sun);}.grito-particles .particle:nth-child(3){animation:fireParticle3 0.5s ease-out 0.08s forwards;background:var(--grito-gold);}.grito-particles .particle:nth-child(4){animation:fireParticle4 0.5s ease-out 0.03s forwards;}.modal-overlay{background:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn var(--duration-normal) ease;}@keyframes overlayFadeIn{from{opacity:0;}to{opacity:1;}}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheetSlideUp var(--duration-slow) var(--ease-out-expo);will-change:transform;}@keyframes sheetSlideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}.modal-header::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:5px;border-radius:2.5px;background:rgba(255,255,255,0.2);}.modal-header{position:relative;padding-top:24px;}.comment-drawer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheetSlideUp var(--duration-slow) var(--ease-out-expo);border-top:0.5px solid rgba(255,255,255,0.1);box-shadow:0 -8px 40px rgba(0,0,0,0.5);}.share-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheetSlideUp var(--duration-slow) var(--ease-out-expo);box-shadow:0 -8px 40px rgba(0,0,0,0.5);}#app-content{transition:transform var(--duration-page) var(--ease-out-expo),opacity var(--duration-slow) ease;}.screen-exit-right{transform:translateX(-20%);opacity:0;}.screen-exit-left{transform:translateX(20%);opacity:0;}.screen-enter-right{transform:translateX(20%);opacity:0;}.screen-enter-left{transform:translateX(-20%);opacity:0;}@keyframes cardEntrance{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}.post{animation:cardEntrance var(--duration-slow) var(--ease-out-expo) both;}.post:nth-child(1){animation-delay:0ms;}.post:nth-child(2){animation-delay:40ms;}.post:nth-child(3){animation-delay:80ms;}.post:nth-child(4){animation-delay:120ms;}.post:nth-child(5){animation-delay:160ms;}.post:nth-child(6){animation-delay:200ms;}.event-card{animation:cardEntrance var(--duration-slow) var(--ease-out-expo) both;}.familia-section{animation:cardEntrance var(--duration-slow) var(--ease-out-expo) both;}.live-poll-card{animation:cardEntrance var(--duration-slow) var(--ease-out-expo) both;}.mercado-teaser{animation:cardEntrance var(--duration-slow) var(--ease-out-expo) both;}.main-scroll{overscroll-behavior-y:contain;}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);}.skeleton::after{background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0.06) 50%,rgba(255,255,255,0.03) 60%,transparent 100% );animation:shimmer 1.8s ease-in-out infinite;}.pull-indicator{transition:height var(--duration-normal) var(--ease-out-expo);}.pull-spinner{border:2.5px solid rgba(255,255,255,0.1);border-top-color:var(--grito-fire);animation:spin 0.7s linear infinite;}.fab-create{width:52px;height:52px;box-shadow:0 4px 16px rgba(255,77,0,0.35),0 0 0 0 rgba(255,77,0,0);transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) ease;}.fab-create:active{transform:scale(0.88);box-shadow:0 2px 8px rgba(255,77,0,0.3);}.fab-create.active{transform:rotate(45deg);box-shadow:0 4px 24px rgba(255,77,0,0.5);}.qa-item{transition:opacity var(--duration-normal) ease,transform var(--duration-slow) var(--ease-spring);}.toast{background:rgba(28,28,46,0.95);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:0.5px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastIn var(--duration-slow) var(--ease-out-expo);}.event-card{border:0.5px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;}*:focus-visible{outline:2px solid var(--grito-fire);outline-offset:2px;border-radius:var(--radius-sm);}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--grito-fire);outline-offset:2px;}:focus:not(:focus-visible){outline:none;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.post,.event-card,.familia-section,.live-poll-card,.mercado-teaser,.notif-item,.msg-item,.trend-card{animation:none !important;}#app-content{transition:none !important;}.pull-spinner{animation:spin 0.7s linear infinite !important;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.post{border-bottom-color:rgba(255,255,255,0.06);}.notif-item.unread{background:rgba(255,77,0,0.04);border-left:3px solid var(--grito-fire);padding-left:12px;}.auth-input:focus,.search-input:focus,.chat-input:focus,.comment-input:focus,.create-text:focus{border-color:var(--grito-fire);box-shadow:0 0 0 3px rgba(255,77,0,0.12);}.event-rsvp:active,.go-live-btn:active,.sell-btn:active,.auth-submit:active,.onboarding-next:active,.group-join-btn:active,.live-event-join:active{transform:scale(0.97);transition:transform 80ms ease;}.live-stream-card:active,.voz-card:active,.mercado-item:active,.music-dj-card:active,.music-now-playing:active,.trend-card:active{transform:scale(0.98);transition:transform 80ms ease;}.live-story:active .live-ring{transform:scale(0.92);transition:transform 80ms ease;}.profile-avatar-large,.profile-avatar{border:3px solid rgba(255,77,0,0.3);}.profile-stats .stat{cursor:pointer;padding:var(--space-8);border-radius:var(--radius-sm);transition:background var(--duration-fast) ease;}.profile-stats .stat:active{background:var(--bg-elevated);}.toggle-switch{transition:background var(--duration-normal) ease;}.toggle-knob{transition:transform var(--duration-normal) var(--ease-spring);}.search-bar{border-radius:var(--radius-md);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;}.search-bar:focus-within{border-color:var(--grito-fire);box-shadow:0 0 0 3px rgba(255,77,0,0.1);}@supports (padding:max(0px)){.bottom-nav{padding-bottom:max(var(--safe-bottom),4px);}.top-bar{padding-top:max(var(--safe-top),0px);}}.chat-bubble{border-radius:18px;transition:transform var(--duration-fast) ease;animation:chatBubbleIn var(--duration-normal) var(--ease-out-expo);}@keyframes chatBubbleIn{from{opacity:0;transform:translateY(8px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.chat-bubble.sent{border-bottom-right-radius:4px;}.chat-bubble.received{border-bottom-left-radius:4px;}.story-viewer{animation:fadeIn var(--duration-normal) ease;}.verified{box-shadow:0 0 4px rgba(255,77,0,0.3);font-size:9px;transition:box-shadow var(--duration-normal) ease;}.skeleton-feed{display:flex;flex-direction:column;}.skeleton-post{border-bottom:0.5px solid rgba(255,255,255,0.04);}.live-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}.live-story{scroll-snap-align:center;}.stories{scroll-snap-type:x proximity;}.story{scroll-snap-align:center;}.bottom-nav,.top-bar{will-change:auto;transform:translateZ(0);}.fab-create{will-change:transform;transform:translateZ(0);}.modal-content,.comment-drawer,.share-sheet{will-change:transform;}::selection{background:rgba(255,77,0,0.3);color:white;}.live-active-strip{margin-bottom:16px;}.live-active-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;}.live-active-scroll::-webkit-scrollbar{display:none;}.live-active-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;width:70px;}.live-active-avatar{width:56px;height:56px;border-radius:50%;border:3px solid #ef4444;display:flex;align-items:center;justify-content:center;background:var(--bg-card,#1a1a2e);overflow:hidden;animation:livePulse 2s ease-in-out infinite;}@keyframes livePulse{0%,100%{border-color:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,0.4);}50%{border-color:#ff6b6b;box-shadow:0 0 12px 4px rgba(239,68,68,0.3);}}.live-active-badge{position:absolute;top:0;right:2px;background:#ef4444;color:white;font-size:8px;font-weight:800;padding:1px 4px;border-radius:4px;letter-spacing:0.5px;}.live-active-name{font-size:11px;color:var(--text-primary,#fff);margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70px;}.live-active-count{font-size:10px;color:var(--text-secondary,#999);}.stream-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:streamFadeIn 0.2s ease;}@keyframes streamFadeIn{from{opacity:0;}to{opacity:1;}}.stream-modal{background:var(--bg-card,#1a1a2e);border-radius:20px;padding:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;}.stream-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.stream-modal-header h3{font-size:20px;font-weight:800;color:var(--text-primary,#fff);}.stream-close-btn{background:rgba(255,255,255,0.1);border:none;color:var(--text-primary,#fff);width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.stream-preview-container{position:relative;border-radius:12px;overflow:hidden;background:#000;margin-bottom:16px;min-height:200px;}.stream-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);cursor:pointer;}.stream-input{width:100%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:12px 16px;color:var(--text-primary,#fff);font-size:15px;margin-bottom:12px;outline:none;box-sizing:border-box;-webkit-appearance:none;}.stream-input:focus{border-color:var(--grito-fire,#ff4d00);}.stream-input option{background:#1a1a2e;color:#fff;}.stream-emoji-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;justify-content:center;}.stream-emoji-pick{font-size:28px;cursor:pointer;padding:6px;border-radius:12px;border:2px solid transparent;transition:all 0.15s ease;}.stream-emoji-pick:hover{background:rgba(255,255,255,0.1);}.stream-emoji-pick.selected{border-color:var(--grito-fire,#ff4d00);background:rgba(255,77,0,0.15);transform:scale(1.15);}.go-live-start-btn{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:800;cursor:pointer;letter-spacing:0.5px;transition:transform 0.1s ease;}.go-live-start-btn:active{transform:scale(0.97);}.stream-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:10001;animation:streamFadeIn 0.2s ease;}.stream-broadcaster,.stream-viewer{position:relative;width:100%;height:100%;}.stream-broadcaster video,.stream-viewer video{width:100%;height:100%;object-fit:cover;}.stream-top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px;padding-top:max(16px,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,transparent 100%);z-index:2;}.stream-top-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.stream-live-indicator{background:#ef4444;color:white;font-size:12px;font-weight:800;padding:4px 10px;border-radius:6px;animation:livePulse 2s ease-in-out infinite;}.stream-viewer-count{color:white;font-size:13px;font-weight:600;background:rgba(0,0,0,0.5);padding:4px 10px;border-radius:6px;}.stream-end-btn{background:rgba(239,68,68,0.9);color:white;border:none;padding:8px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;}.stream-end-btn:active{transform:scale(0.95);}.stream-title-overlay{position:absolute;top:70px;left:16px;color:white;font-size:16px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,0.6);z-index:2;}.stream-streamer-info{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,0.5);padding:4px 10px;border-radius:20px;}.stream-streamer-avatar{font-size:20px;}.stream-streamer-name{color:white;font-size:13px;font-weight:700;}.stream-controls{position:absolute;bottom:100px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:2;}.stream-control-btn{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.15s ease;backdrop-filter:blur(8px);}.stream-control-btn:active{transform:scale(0.9);}.stream-chat-container{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 12px;padding-bottom:max(16px,env(safe-area-inset-bottom));}.stream-chat-messages{max-height:200px;overflow-y:auto;scrollbar-width:none;padding:8px 0;mask-image:linear-gradient(transparent 0%,black 30%);-webkit-mask-image:linear-gradient(transparent 0%,black 30%);}.stream-chat-messages::-webkit-scrollbar{display:none;}.stream-chat-msg{margin-bottom:4px;padding:4px 10px;background:rgba(0,0,0,0.5);border-radius:10px;font-size:13px;color:white;backdrop-filter:blur(4px);display:inline-block;max-width:85%;word-break:break-word;}.stream-chat-msg.system{background:rgba(255,255,255,0.1);font-style:italic;font-size:12px;}.stream-chat-system{color:rgba(255,255,255,0.6);}.stream-chat-name{color:var(--grito-fire,#ff4d00);font-weight:700;margin-right:6px;}.stream-chat-text{color:white;}.stream-chat-input-row{display:flex;gap:8px;margin-top:8px;}.stream-chat-input{flex:1;background:rgba(255,255,255,0.12);border:none;border-radius:24px;padding:10px 16px;color:white;font-size:14px;outline:none;backdrop-filter:blur(8px);}.stream-chat-input::placeholder{color:rgba(255,255,255,0.5);}.stream-chat-send{width:40px;height:40px;border-radius:50%;background:var(--grito-fire,#ff4d00);color:white;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.stream-chat-send:active{transform:scale(0.9);}.stream-viewer .stream-close-btn,.stream-fullscreen .stream-close-btn{background:rgba(0,0,0,0.6);border:none;color:white;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);}[data-theme="light"]{--bg:#FAFAFA;--bg-card:#FFFFFF;--bg-elevated:#F0F0F5;--bg-input:#F5F5FA;--text:#1A1A1A;--text-secondary:#666666;--text-muted:#999999;--border:#E0E0E0;--surface:#FFFFFF;--text-primary:#1A1A1A;}[data-theme="light"] body{background:#FAFAFA;color:#1A1A1A;}[data-theme="light"] .top-bar{background:#FFFFFF;border-bottom-color:#E0E0E0;}[data-theme="light"] .bottom-nav{background:#FFFFFF;border-top-color:#E0E0E0;}[data-theme="light"] .top-icon{color:#1A1A1A;}[data-theme="light"] .top-icon:active{background:#F0F0F5;}[data-theme="light"] .nav-item{color:#999;}[data-theme="light"] .nav-item.active{color:var(--grito-fire);}.onboarding-overlay{position:fixed;inset:0;background:var(--bg);z-index:2000;display:flex;flex-direction:column;overflow-y:auto;}.onboarding-step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;min-height:100vh;}.onboarding-fire{font-size:72px;animation:fireGlow 2s ease-in-out infinite;}@keyframes fireGlow{0%,100%{transform:scale(1);filter:brightness(1);}50%{transform:scale(1.15);filter:brightness(1.3);}}.interest-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:360px;margin:24px auto;}.interest-chip{padding:10px 20px;border-radius:24px;border:2px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;user-select:none;}.interest-chip.selected{border-color:var(--grito-fire);background:rgba(255,77,0,0.15);color:var(--grito-fire);}.interest-chip:active{transform:scale(0.95);}.suggestion-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-radius:12px;margin-bottom:8px;}.suggestion-follow-btn{padding:8px 20px;border-radius:20px;border:none;background:linear-gradient(135deg,#FF4D00,#FFB800);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;}.suggestion-follow-btn.following{background:var(--border);color:var(--text-secondary);}.onboarding-btn{padding:14px 48px;border-radius:16px;border:none;background:linear-gradient(135deg,#FF4D00,#FFB800);color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:24px;transition:transform 0.2s,opacity 0.2s;}.onboarding-btn:active{transform:scale(0.97);}.onboarding-btn:disabled{opacity:0.5;cursor:not-allowed;}.onboarding-skip{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;margin-top:16px;padding:8px 16px;}.onboarding-progress-dots{display:flex;gap:8px;margin-top:32px;}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all 0.3s;}.onboarding-dot.active{background:var(--grito-fire);width:24px;border-radius:4px;}.onboarding-dot.done{background:var(--grito-gold);}.danger-zone{border:1px solid rgba(239,68,68,0.3);border-radius:16px;padding:16px;margin-top:16px;}.danger-btn{width:100%;padding:12px;border-radius:12px;border:1px solid #ef4444;background:none;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;}.danger-btn:first-child{margin-top:0;}.danger-btn.confirm{background:#ef4444;color:#fff;}.focus-visible-skip:focus{position:fixed\!important;top:0\!important;left:0\!important;z-index:99999\!important;background:var(--grito-fire)\!important;color:white\!important;padding:12px 24px\!important;font-weight:600\!important;clip:auto\!important;width:auto\!important;height:auto\!important;overflow:visible\!important;text-decoration:none\!important;font-size:1rem\!important;}