code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{background:#fff;border-radius:0;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:728px;min-height:100vh;text-align:center}@media (max-width:768px){.App{border-radius:0;box-shadow:none}}.App header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-sizing:border-box;color:#fff;display:flex;height:10vh;justify-content:space-between;max-width:728px;min-height:50px;padding:10px;position:fixed;top:0;width:100%;z-index:99}@media (max-width:768px){.App header{border-radius:0}}.App section{height:100vh;justify-content:flex-start;min-height:100vh}.App section,main{background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden}main{height:calc(90vh - 70px);margin:10vh 0 0;padding:0}main::-webkit-scrollbar{background:#0000;width:0}main::-webkit-scrollbar-thumb,main::-webkit-scrollbar-track{background:#0000}form{background:#fff;border-top:1px solid #e5e5ea;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;font-size:1rem;gap:8px;height:auto;max-width:728px;min-height:70px;padding:16px;position:fixed;width:100%;z-index:1000}form,form button{align-items:center;display:flex}form button{background:#007aff;border:none;border-radius:24px;color:#fff;cursor:pointer;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;min-width:48px;padding:0;transition:all .2s ease;width:auto}form button:hover{background:#0056b3;transform:scale(1.05)}form button:disabled{background:#c7c7cc;cursor:not-allowed;opacity:.6;transform:none}input{background:#f2f2f7;border:none;border-radius:20px;color:#000;flex-grow:1;font-size:16px;line-height:1.4;outline:none;padding:12px 16px;width:100%}input::placeholder{color:#8e8e93}button{background-color:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;padding:15px 22px;text-align:center;text-decoration:none;transition:all .3s ease}button:hover{background-color:#5a6fd8;transform:translateY(-1px)}.sign-out{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:14px;padding:8px 16px}.sign-out:hover{background:#ffffff4d;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}.sign-in{background:#fff;border:1px solid #d5d5d5;box-shadow:1px 1px 22px 4px #d5d5d5;color:#282c34;margin:0 auto;max-width:400px}.messagesContainer{flex:1 1;margin-bottom:10px;overflow-y:auto;padding:20px}.promotional-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:18px;font-weight:600;height:200px;justify-content:center;margin:12px 16px;overflow:hidden;position:relative}.promotional-container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#ffffff1a,#0000 50%,#ffffff1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.promotional-content{position:relative;z-index:1}.load-previous-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000001a;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.load-previous-btn{background:#007aff;border:none;border-radius:20px;box-shadow:0 2px 8px #007aff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.load-previous-btn:hover{background:#0056cc;box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.load-previous-btn:active{box-shadow:0 2px 6px #007aff4d;transform:translateY(0)}.load-previous-btn:disabled{background:#8e8e93;box-shadow:none;cursor:not-allowed;transform:none}.announcement{border-top:.5px solid #d5d5d5}.screenContainer{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:90px}h1{font-size:29px}li,ul{list-style:none}li,p,ul{text-align:left}p{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0000001a;color:#000;font-size:16px;line-height:1.4;margin:2px 0;max-width:280px;padding:12px 16px;position:relative}.message{align-items:flex-end;display:flex;margin-bottom:8px;padding:0 8px}.message.consecutive{margin-bottom:3px}.avatar-spacer{flex-shrink:0;height:32px;margin:0 4px 4px;width:32px}.message-content{align-items:flex-start;display:flex;flex-direction:column;max-width:280px}.message-username{color:#8e8e93;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:2px;padding:0 4px}.sent .message-username{align-self:flex-end;color:#007aff}.message-time{color:#8e8e93;font-size:11px;margin-top:2px;opacity:0;padding:0 4px;transition:opacity .2s ease}.message:hover .message-time{opacity:1}.sent .message-content{align-items:flex-end}.sent{flex-direction:row-reverse}.received,.sent{justify-content:flex-start}.received{flex-direction:row}.sent p{background:#007aff;border-bottom-right-radius:4px;color:#fff;margin-right:8px}.sent.consecutive p{border-top-right-radius:4px}.received p{background:#e5e5ea;border-bottom-left-radius:4px;color:#000;margin-left:8px}.received.consecutive p{border-top-left-radius:4px}.sent:not(.consecutive) p:after{border:8px solid #0000;border-bottom:0;border-left-color:#007aff;border-top-left-radius:16px 14px;bottom:0;content:"";height:0;position:absolute;right:-8px;transform:rotate(-35deg);width:0}.received:not(.consecutive) p:after{border:8px solid #0000;border-bottom:0;border-right-color:#e5e5ea;border-top-right-radius:16px 14px;bottom:0;content:"";height:0;left:-8px;position:absolute;transform:rotate(35deg);width:0}.default-avatar,img{border-radius:50%;flex-shrink:0;height:32px;margin:0 4px 4px;width:32px}.default-avatar{align-items:center;display:flex;justify-content:center;overflow:hidden}.default-avatar svg{border-radius:50%;height:100%;width:100%}.signin-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:90vh;padding:20px}.signin-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:450px;padding:40px 30px;text-align:center;width:100%}.welcome-section{margin-bottom:30px}.welcome-section h2{color:#333;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:15px}.welcome-text{background:none;border-radius:0;color:#666;font-size:16px;line-height:1.5;margin-bottom:0;max-width:none;padding:0}.signin-section{margin-bottom:30px}.sign-in-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50px;box-shadow:0 4px 12px #0000001a;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-bottom:25px;padding:16px 24px;transition:all .3s ease;width:100%}.sign-in-btn:hover{border-color:#4285f4;box-shadow:0 6px 20px #4285f44d;transform:translateY(-2px)}.google-icon{flex-shrink:0}.signin-features{display:flex;gap:15px;justify-content:space-around;margin-top:20px}.feature-item{align-items:center;color:#666;display:flex;flex-direction:column;font-size:12px;gap:8px;text-align:center}.feature-icon{font-size:20px}.community-guidelines{border-top:1px solid #f0f0f0;padding-top:20px}.guidelines-text{background:none;border-radius:0;color:#888;font-size:13px;line-height:1.4;margin:0;max-width:none;padding:0}@media (max-width:768px){.signin-container{min-height:85vh;padding:15px}.signin-content{padding:30px 25px}.welcome-section h2{font-size:24px}.welcome-text{font-size:14px}.sign-in-btn{font-size:15px;padding:14px 20px}.signin-features{flex-direction:column;gap:12px}.feature-item{flex-direction:row;font-size:13px;gap:12px;justify-content:flex-start}}@media (max-width:480px){.signin-container{padding:10px}.signin-content{border-radius:15px;padding:25px 20px}.welcome-section h2{font-size:22px}.sign-in-btn{padding:12px 18px}main{padding:8px 12px}.message{padding:0 4px}p{font-size:16px;max-width:240px;padding:10px 14px}form{padding:8px 12px}input{font-size:16px}img{height:28px;width:28px}}.promotional-container{background:linear-gradient(135deg,#f093fb,#f5576c);border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#fff;flex-shrink:0;font-weight:500;height:120px;margin:10px 0;padding:20px;text-align:center;transition:height .3s ease,padding .3s ease}.promotional-container.collapsed{height:60px;padding:15px 20px}.promotional-content{flex-direction:column;font-size:16px;height:100%}.news-header,.promotional-content{display:flex;justify-content:center}.news-header{align-items:center;font-weight:600;gap:8px;margin-bottom:8px}.loading-indicator{animation:spin 1s linear infinite;font-size:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.news-content{padding:0 10px;text-align:left}.news-title{color:#fff;display:block;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:6px;text-decoration:none;transition:opacity .2s ease}.news-title:hover{opacity:.8;text-decoration:underline}.news-description{font-size:12px;line-height:1.4;opacity:.9}