*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1D9BF0;--secondary:#E7E9EA;--accent:#1D9BF0;--background:#000000;--surface:#000000;--surface-light:#202327;--white:#FFFFFF;--gray:#71767B;--light-gray:#3E4144;--dark-gray:#2F3336;--border:#000000;--text:#E7E9EA;--text-secondary:#71767B;--zoe:#FF6B35;--success:#00BA7C;--error:#F4212E}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--background);color:var(--text);overflow-x:hidden;height:100vh;position:fixed;width:100%}.container{max-width:600px;margin:0 auto;height:100vh;display:flex;flex-direction:column;position:relative}.auth-view{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px}.auth-view.hidden{display:none}.logo{font-size:48px;font-weight:bold;color:var(--zoe);margin-bottom:40px}.form-container{width:100%;max-width:400px}.form-field{width:100%;height:50px;background-color:var(--surface);border:1px solid var(--gray);border-radius:8px;padding:0 15px;color:var(--text);font-size:16px;margin-bottom:10px}.form-field::placeholder{color:var(--text-secondary)}.form-field:focus{outline:none;border-color:var(--primary)}.auth-btn{width:100%;height:50px;background-color:var(--primary);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;margin-top:10px}.auth-btn:hover{background-color:#1a8cd8}.toggle-link{text-align:center;color:var(--primary);font-size:14px;margin-top:20px;cursor:pointer}.toggle-link:hover{text-decoration:underline}.app-view{display:none;flex-direction:column;height:100vh}.app-view.visible{display:flex}.header{height:60px;background-color:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 15px;position:sticky;top:0;z-index:100}.header-title{font-size:26px;font-weight:bold;color:var(--zoe)}.header-btn{width:35px;height:35px;background-color:var(--surface-light);border:1px solid var(--surface-light);border-radius:50%;color:var(--text-secondary);font-size:18px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-btn:hover{background-color:var(--light-gray)}.grupo-selector{height:55px;background-color:var(--background);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:0 2.5%}.selector-card{width:100%;height:45px;background-color:var(--surface);border:1px solid var(--gray);border-radius:12px;display:flex;align-items:center;position:relative}.grupo-dropdown-btn{flex:1;background:transparent;border:none;color:var(--text);font-size:15px;text-align:left;padding-left:15px;cursor:pointer}.dropdown-icon{position:absolute;right:60px;color:var(--text-secondary)}.grupo-menu-btn{width:35px;height:35px;background-color:var(--background);border-radius:50%;position:absolute;right:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.grupo-menu-btn:hover{background-color:var(--light-gray)}.feed-container{flex:1;overflow-y:auto;padding:10px;padding-bottom:80px;scrollbar-width:none;-ms-overflow-style:none}.feed-container::-webkit-scrollbar{display:none}.post-card{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:15px}.post-header{display:flex;align-items:center;margin-bottom:10px}.author-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:12px;font-weight:bold;margin-right:10px}.author-info{flex:1}.author-name{font-size:14px;font-weight:bold;margin-bottom:2px}.author-name.zoe{color:var(--zoe)}.post-date{font-size:12px;color:var(--text-secondary)}.post-menu{width:30px;height:30px;background:transparent;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer}.post-content{margin-top:10px;font-size:15px;line-height:1.4}.post-content.location{color:var(--primary);cursor:pointer}.post-content.location:hover{text-decoration:underline}.post-image{width:100%;max-height:auto;object-fit:contain;border-radius:8px;margin-top:10px}.post-video-link{color:var(--primary);cursor:pointer;margin-top:10px;display:inline-block}.post-video-link:hover{text-decoration:underline}.attach-btn,.send-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white)}.attach-btn{background-color:var(--accent)}.send-btn{background-color:var(--primary)}.location-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);background-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background-color:var(--surface);border-radius:16px;border:1px solid var(--gray);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;transform:scale(0.9) translateY(20px);transition:transform 0.3s ease}.modal-overlay.visible .modal-content{transform:scale(1) translateY(0)}.modal-header{height:60px;background-color:var(--surface-light);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:bold}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease}.modal-close:hover{background-color:var(--light-gray)}.modal-body{padding:20px}.modal-field{width:100%;height:50px;background-color:var(--background);border:1px solid var(--border);border-radius:8px;padding:0 15px;color:var(--text);font-size:16px;margin-bottom:15px}.modal-field::placeholder{color:var(--text-secondary)}.modal-field:focus{outline:none;border-color:var(--primary)}.modal-btn{background-color:var(--primary);color:var(--white);border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:bold;cursor:pointer;transition:background-color 0.2s ease}.modal-btn:hover{background-color:#1a8cd8}.modal-btn.secondary{background-color:var(--surface-light);color:var(--text);border:1px solid var(--border)}.modal-btn.secondary:hover{background-color:var(--light-gray)}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.menu-overlay.visible{opacity:1;visibility:visible}.menu-content{position:absolute;background-color:var(--surface);border-radius:12px;border:1px solid var(--border);min-width:200px;transform:scale(0.9);transition:transform 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.menu-overlay.visible .menu-content{transform:scale(1)}.menu-item{padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;font-size:15px;transition:background-color 0.2s ease}.menu-item:hover{background-color:var(--surface-light)}.menu-item:last-child{border-bottom:none}.menu-item.selected{background-color:var(--primary);color:var(--white)}.menu-item.danger{color:var(--error)}.menu-item-icon{font-size:16px;width:20px;text-align:center}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:2000}.loading.hidden{display:none}.loading-content{background-color:var(--background);border:1px solid var(--gray);border-radius:8px;padding:20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--gray);border-top:3px solid var(--zoe);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-more-indicator{display:flex;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s ease}.loading-more-indicator.visible{opacity:1}.loading-more-indicator .spinner{width:20px;height:20px;border-width:2px;margin:0}.hidden{display:none!important}.countdown{font-size:12px;color:var(--text-secondary);margin-top:10px;text-align:center}.countdown.expired{color:var(--error)}.members-list{max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border)}.member-item:last-child{border-bottom:none}.member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:12px;font-weight:bold;margin-right:10px}.member-info{flex:1}.member-name{font-size:14px;color:var(--text)}.member-admin{font-weight:bold}.member-remove{width:30px;height:30px;background:transparent;border:none;color:var(--error);cursor:pointer;font-size:16px}.textarea-field{width:100%;min-height:120px;background-color:var(--background);border:1px solid (var --gray);border-radius:8px;padding:15px;color:var(--text);font-size:15px;resize:vertical;font-family:inherit}.textarea-field::placeholder{color:var(--text-secondary)}.textarea-field:focus{outline:none;border-color:var(--primary)}.char-counter{font-size:12px;color:var(--text-secondary);text-align:right;margin-top:5px}.char-counter.over-limit{color:var(--error)}.open-browser{font-size:12px;color:var(--primary);cursor:pointer;margin-bottom:10px}.open-browser:hover{text-decoration:underline}@media (max-width:768px){.container{max-width:100%}.modal-content{width:95%;margin:0 auto}.feed-container{padding-bottom:80px}}.video-controls{background-color:var(--surface-light);border-radius:8px;padding:15px;margin-top:10px}.video-info{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.video-buttons{display:flex;gap:8px;flex-wrap:wrap}.video-btn{padding:8px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color 0.2s ease}.play-btn{background-color:var(--zoe);color:var(--white)}.download-btn{background-color:var(--zoe);color:var(--white)}.external-btn{background-color:var(--gray);color:var(--white)}.video-btn:hover{opacity:0.8}.video-player{margin-top:10px}@supports (-webkit-touch-callout: none){.container{padding-bottom:90px}}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2){.feed-container{padding-bottom:120px!important}}.input-container{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;height:70px;background-color:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 15px;z-index:99}.modal-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:15px}.tab-btn{flex:1;padding:10px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s ease}.tab-btn:hover{color:var(--text);background-color:var(--surface-light)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}/* Novos componentes minificado */member-item{display:block}input-field{display:block;margin-bottom:15px}input-field input,input-field textarea{width:100%}tab-container{display:block}.tab-change-event{pointer-events:none}/* QUIZ STYLES */.quiz-container{padding:0}.quiz-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.quiz-header h3{color:var(--zoe);margin:0 0 5px 0;font-size:18px}.quiz-author{color:var(--text-secondary);font-size:12px;margin:0}.quiz-question{background:var(--surface-light);padding:15px;border-radius:8px;margin-bottom:20px}.quiz-question p{margin:0;font-size:16px;line-height:1.4}.quiz-options{margin-bottom:20px}.quiz-option-btn{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:15px;margin-bottom:10px;color:var(--text);font-size:14px;text-align:left;cursor:pointer;transition:all 0.2s ease}.quiz-option-btn:hover:not(:disabled){background:var(--surface-light);border-color:var(--zoe)}.quiz-option-btn:disabled{cursor:not-allowed}.quiz-option-btn.selected{background:var(--zoe)!important;color:white!important;border-color:var(--zoe)!important}.quiz-answered{text-align:center;padding:20px;background:var(--surface-light);border-radius:8px;margin-bottom:20px}.quiz-answered p{margin:5px 0}/* Existing minified CSS + pull to refresh fix */body{overscroll-behavior-y:contain;-webkit-overscroll-behavior-y:contain}html{overscroll-behavior-y:contain;-webkit-overscroll-behavior-y:contain}.post-link{color:var(--zoe);text-decoration:underline;font-weight:500}.post-link:hover{opacity:0.8}.promo-video-card{position:absolute;top:115px;left:0;right:0;bottom:70px;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.promo-video-container{width:100%;max-width:600px;background:rgba(0,0,0,0.1);border-radius:12px;overflow:hidden;position:relative;margin:0 auto}.promo-video{width:100%;border-radius:12px;outline:none}.promo-video::-webkit-media-controls-play-button{display:none!important}.promo-video::-webkit-media-controls-start-playback-button{display:none!important}.promo-video::--webkit-media-controls-overlay-play-button{display:none!important}.promo-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0.4);border:none;color:white;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.promo-close:hover{background:rgba(0,0,0,0.6)}@keyframes modalShow{0%{transform:scale(.8) translateY(60px);opacity:0}50%{transform:scale(1.05) translateY(-10px)}100%{transform:scale(1) translateY(0);opacity:1}}.modal-content{animation:modalShow .4s cubic-bezier(.34,1.56,.64,1)}.selector-card.no-group .dropdown-icon{position:absolute!important;right:18px!important}.selector-card.no-group{position:relative!important}@keyframes zoeGlow{0%,100%{box-shadow:0 0 0 rgba(255,107,53,0)}50%{box-shadow:0 0 15px rgba(255,107,53,0.8),0 0 25px rgba(255,107,53,0.4)}}.attention-glow{animation:zoeGlow 1.8s ease-in-out 3}@keyframes zoeTextGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 10px rgba(255,107,53,0.8),0 0 20px rgba(255,107,53,0.6),0 0 30px rgba(255,107,53,0.4)}}.attention-text-glow{animation:zoeTextGlow 1.8s ease-in-out 3}