:root{--primary: #1e1e1e;--secondary: #252526;--accent: #0e639c;--text-main: #d4d4d4;--text-muted: #858585;--bg: #121214;--bg-lighter: #1b1b1d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary);color:var(--text-main);font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container{background-color:var(--secondary);padding:2rem;border-radius:8px;width:100%;max-width:400px}.title{text-align:center;margin-bottom:1.5rem;color:var(--text-main)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.form-group input{width:100%;padding:.75rem;border:none;border-radius:4px;background-color:var(--primary);color:var(--text-main);outline:none}.btn{width:100%;padding:.75rem;background-color:var(--accent);color:var(--primary);border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:opacity .2s;margin-top:1rem}.btn:hover{opacity:.9}.link{text-align:center;margin-top:1rem;color:var(--text-muted);cursor:pointer;font-size:.9rem}.link:hover{color:var(--accent)}.app-container{display:flex;height:100%;width:100%;background-color:var(--secondary);overflow:hidden}.chat-container{display:flex;flex-direction:column;flex:1;background-color:var(--secondary);height:100%;overflow:hidden;position:relative}.chat-sidebar{background-color:var(--primary);border-left:1px solid #3c3c3c;display:flex;flex-direction:column}.sidebar-resizer{transition:background-color .2s}.sidebar-resizer:hover{background-color:var(--accent, #007acc)!important;opacity:.6}.notes-sidebar{width:392px;min-width:392px;background-color:var(--primary);border-left:1px solid #3c3c3c;display:flex;flex-direction:column;z-index:10}.app-container.sidebar-left .chat-sidebar{border-left:none;border-right:1px solid #3c3c3c;order:-1}.app-container.sidebar-collapsed .chat-sidebar{display:none!important}.app-container.sidebar-left .notes-sidebar{border-left:1px solid #3c3c3c}.sidebar-tabs{display:flex;background-color:var(--secondary)}.sidebar-tab{flex:1;text-align:center;padding:1rem;cursor:pointer;border-bottom:2px solid transparent;color:var(--text-muted);transition:color .2s,border-color .2s}.sidebar-tab.active{border-bottom:2px solid var(--accent);color:var(--text-main);font-weight:700}.request-item{padding:1rem;border-bottom:1px solid #3c3c3c;display:flex;flex-direction:column;gap:.5rem}.request-item button{padding:.5rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.conversation-item{padding:.72rem;border-bottom:1px solid #3c3c3c;border-left:4px solid transparent;cursor:pointer;transition:border-left .15s ease,background-color .15s ease}.conversation-item:hover{background-color:var(--secondary)}.conversation-item.active{background-color:var(--secondary)!important;border-left:4px solid var(--accent)!important}.conversation-name{font-weight:700;color:var(--text-main)}.conversation-msg{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.sidebar-header{padding:1rem;border-bottom:1px solid #3c3c3c;font-weight:700}.add-contact-form{padding:1rem;display:flex;gap:.5rem;border-bottom:1px solid #3c3c3c}.add-contact-form input{flex:1;padding:.5rem;border:none;border-radius:4px;background-color:var(--secondary);color:var(--text-main);outline:none}.add-contact-form button{padding:.5rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.contacts-list{flex:1;overflow-y:auto}.contact-item{padding:1rem;border-bottom:1px solid #3c3c3c;cursor:pointer;transition:background-color .2s}.contact-item:hover,.contact-item.active{background-color:var(--secondary)}.chat-header{background-color:var(--primary);height:69px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3c3c3c;padding-left:25px}.chat-messages{flex:1;width:100%;box-sizing:border-box;padding:1.5rem 1.5rem .5rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background-color:var(--secondary);background-image:radial-gradient(rgba(255,255,255,.04) 2px,transparent 2px);background-size:24px 24px}.chat-messages-inner{width:100%;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:.2rem}.message-content img,.message-content video{max-width:100%;border-radius:8px;margin-top:4px}.markdown-body{font-size:14.2px;line-height:1.42857;white-space:normal;margin:2px 5px 3px}.markdown-body p{margin-bottom:.5rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin-bottom:.5rem}.markdown-body li{margin-bottom:.25rem}.markdown-body li p{margin:0}.markdown-body pre{margin:.5rem 0;overflow-x:auto}.markdown-body input[type=checkbox]{accent-color:var(--accent)}.mention-tag{background-color:#4fc3f738;color:#4fc3f7;padding:1px 6px;border-radius:4px;font-weight:600;border:1px solid rgba(79,195,247,.35);display:inline-flex;align-items:center;margin:0 2px;font-size:.95em;vertical-align:middle}body.theme-white-tech-cyber .mention-tag{background-color:#0e639c26;color:#0e639c;border-color:#0e639c4d}.message{font-size:14.2px;line-height:1.42857;padding:4px;border-radius:6px;max-width:70%;word-wrap:break-word;white-space:pre-wrap;position:relative}.message.self{background-color:#203564;align-self:flex-end;border-top-right-radius:0;padding:6px 16px 6px 10px}.message.self:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-top:12px solid #203564;border-right:10px solid transparent}.message.other{background-color:#323535;align-self:flex-start;border-top-left-radius:0}.message.other:after{content:"";position:absolute;top:-1px;left:-9px;width:0;height:0;border-top:12px solid #323535;border-left:10px solid transparent}.status-mark{bottom:2px!important;right:4px!important;letter-spacing:-3px!important;font-size:.78rem!important;font-weight:700!important;line-height:1!important;display:inline-block!important;-webkit-user-select:none;user-select:none}.sticker-speech-bubble{position:relative;border-radius:18px;padding:10px 16px;max-width:280px;font-weight:500;line-height:1.4;font-size:.95rem;word-break:break-word;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.sticker-speech-bubble.self{background-color:var(--accent);color:#fff}.sticker-speech-bubble.other{background-color:var(--secondary);color:var(--text-main);border:1px solid rgba(255,255,255,.1)}.sticker-speech-bubble.tail-left:after{content:"";position:absolute;top:50%;left:-9px;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.sticker-speech-bubble.tail-right:after{content:"";position:absolute;top:50%;right:-9px;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.sticker-speech-bubble.self.tail-left:after{border-right:10px solid var(--accent)}.sticker-speech-bubble.self.tail-right:after{border-left:10px solid var(--accent)}.sticker-speech-bubble.other.tail-left:after{border-right:10px solid var(--secondary)}.sticker-speech-bubble.other.tail-right:after{border-left:10px solid var(--secondary)}.message.ai-message{border:1px solid rgba(79,195,247,.4);box-shadow:0 0 3px #4fc3f71a}.message.self.ai-message:after{border-top-color:#3c3c3c;border-top-width:12px;border-right-width:10px;top:0;right:-7px;z-index:2}.message.self.ai-message:before{content:"";position:absolute;top:-1px;right:-9px;width:0;height:0;border-top:13px solid #4fc3f7;border-right:11px solid transparent;z-index:1}.message.other.ai-message:after{border-top-color:var(--primary);border-top-width:12px;border-left-width:10px;top:0;left:-8px;z-index:2}.message.other.ai-message:before{content:"";position:absolute;top:-1px;left:-10px;width:0;height:0;border-top:13px solid #4fc3f7;border-left:11px solid transparent;z-index:1}.message .sender{font-size:.8rem;color:var(--text-muted);margin-bottom:.2rem}.chat-input-area{position:relative;z-index:50;display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:var(--secondary);border-top:1px solid #3c3c3c;width:100%;box-sizing:border-box}.chat-input-row-wrapper{display:flex;width:100%;max-width:1320px;margin:0 auto;align-items:flex-end}.chat-input-area textarea{flex:1;padding:.75rem;border:none;border-radius:4px;background-color:var(--secondary);color:var(--text-main);outline:none;margin:0 .5rem;font-family:inherit;font-size:1rem;resize:none;scrollbar-width:none;-ms-overflow-style:none}.chat-input-area textarea::-webkit-scrollbar{display:none}.input-actions-left,.input-actions-right{display:flex;align-items:center;gap:.2rem;padding-bottom:.2rem}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;transition:color .2s,background-color .2s}.icon-btn:hover{color:var(--text-main);background-color:var(--primary)}.send-btn{width:45px;height:45px;background-color:transparent;color:var(--accent);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s,color .2s}.send-btn:hover{transform:scale(1.1);color:#1e87d6}.media-menu{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;width:320px;background-color:var(--secondary);border:1px solid #3c3c3c;border-radius:8px;box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column;z-index:999;overflow:hidden}.media-tabs{display:flex;background-color:var(--primary);border-bottom:1px solid #3c3c3c}.media-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:.75rem .5rem;font-weight:700;font-size:.85rem;cursor:pointer}.media-tab.active{color:var(--text-main);border-bottom:2px solid var(--accent)}.media-content{padding:0;max-height:360px;display:flex;flex-direction:column;overflow:hidden}.media-content-scroll{padding:.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;max-height:360px}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.emoji-item{font-size:1.5rem;text-align:center;cursor:pointer;padding:.25rem;border-radius:4px;-webkit-user-select:none;user-select:none;transition:background-color .2s}.emoji-item:hover{background-color:var(--primary)}.gifs-container{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow:hidden}.gif-search-bar{display:flex;gap:.5rem;padding-bottom:.5rem}.gif-search-bar input{flex:1;padding:.5rem;border:none;border-radius:4px;background-color:var(--primary);color:var(--text-main);outline:none}.gif-search-bar button{padding:.5rem 1rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;overflow-y:auto;flex:1;padding-right:4px}.gif-item{width:100%;height:80px;object-fit:cover;border-radius:4px;cursor:pointer}.gif-item:hover{opacity:.8}.tab-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:background-color .2s ease,transform .1s ease;cursor:pointer}.tab-action-btn:hover{background-color:#ffffff24;transform:scale(1.08)}.tab-action-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:130%;left:50%;transform:translate(-50%);background-color:#0f172a;color:#f8fafc;padding:5px 9px;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #00000080;border:1px solid rgba(255,255,255,.15);z-index:9999;animation:fadeInTooltip .15s ease-out}.tab-action-btn[data-tooltip]:hover:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent #0f172a transparent;pointer-events:none;z-index:9999;animation:fadeInTooltip .15s ease-out}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--primary)}::-webkit-scrollbar-thumb{background:#3c3c3c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.header-menu-container{position:relative}.menu-button{background:none;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1}.menu-button:hover{color:var(--accent)}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--secondary);border:1px solid #3c3c3c;border-radius:4px;min-width:150px;box-shadow:0 4px 6px #0000004d;z-index:10}.dropdown-item{padding:.75rem 1rem;cursor:pointer;color:var(--text-main);border-bottom:1px solid #3c3c3c}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--secondary);padding:2rem;border-radius:8px;min-width:300px;border:1px solid #3c3c3c}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #3c3c3c;padding-bottom:.5rem}.modal-header h2{margin:0;color:var(--text-main)}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.close-btn:hover{color:#d9534f}.modal-body{margin-bottom:1.5rem;color:var(--text-main)}.toast{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;border-radius:4px;color:#fff;font-weight:700;z-index:2000;box-shadow:0 4px 6px #0000004d;animation:slideIn .3s ease-out forwards}.toast-info{background-color:var(--accent)}.toast-success{background-color:#5cb85c}.toast-error{background-color:#d9534f}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.message-container{display:flex;position:relative;width:100%}.message-container.self{flex-direction:row-reverse;justify-content:flex-start}.message-container.other{justify-content:flex-start}.message-options-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0 .5rem;opacity:0;transition:opacity .2s;align-self:center}.message-container:hover .message-options-btn{opacity:1}.message-options-btn:hover{color:var(--text-main)}.message-options-menu{position:absolute;top:100%;right:0;background-color:var(--card-bg, #18191c);border:1px solid rgba(255,255,255,.12);border-radius:12px;min-width:220px;width:max-content;max-width:340px;box-shadow:0 12px 32px #00000080,0 0 0 1px #0003;z-index:99999;display:flex;flex-direction:column;padding:6px;animation:contextMenuAppear .12s cubic-bezier(.16,1,.3,1) ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.message-container.other .message-options-menu{right:auto;left:0}.message-menu-reaction-bar{display:flex;padding:4px 6px;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.message-menu-divider{height:1px;background-color:#ffffff14;margin:4px}.message-option-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;cursor:pointer;color:var(--text-main, #e3e5e8);font-size:.88rem;font-weight:500;text-align:left;background:none;border:none;border-radius:8px;transition:background-color .15s ease,color .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box;white-space:nowrap}.message-option-item .message-option-icon{flex-shrink:0;color:var(--text-muted, #949ba4);transition:color .15s ease,transform .15s ease}.message-option-item:hover{background-color:#ffffff14;color:#fff}.message-option-item:hover .message-option-icon{color:#fff}.message-option-item:active{transform:scale(.98)}.message-option-item.danger,.message-option-item.danger .message-option-icon{color:#f23f43}.message-option-item.danger:hover{background-color:#f23f4326;color:#ff5c5c}.message-option-item.danger:hover .message-option-icon{color:#ff5c5c}.pinned-message-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;z-index:5;transition:background-color .2s ease}.pinned-message-banner:hover{background-color:#ffffff14}.interactive-container{width:100%;max-width:300px;background-color:var(--primary);border:1px solid #3c3c3c;border-radius:8px;padding:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.message.self .interactive-container{background-color:#2d2d2d}.interactive-title{font-weight:700;font-size:1rem;color:var(--text-main);text-align:center;margin-bottom:.5rem}.interactive-btn{background-color:var(--secondary);color:var(--text-main);border:1px solid #3c3c3c;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;font-weight:700;text-align:center}.interactive-btn:hover{background-color:#3c3c3c;border-color:var(--text-muted)}.poll-option{position:relative;background-color:var(--secondary);border:1px solid #3c3c3c;border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .2s}.poll-option:hover,.poll-option.voted{border-color:var(--accent)}.poll-bar{position:absolute;top:0;left:0;height:100%;background-color:#0e639c4d;z-index:1;transition:width .3s ease}.poll-content{position:relative;z-index:2;display:flex;justify-content:space-between;padding:.75rem;color:var(--text-main);font-size:.9rem}.poll-votes{font-weight:700;color:var(--text-muted)}.interactive-table-wrapper{width:100%;overflow-x:auto;border-radius:6px;border:1px solid #3c3c3c}.interactive-table{width:100%;border-collapse:collapse;font-size:.85rem}.interactive-table th,.interactive-table td{padding:.5rem;text-align:left;border-bottom:1px solid #3c3c3c}.interactive-table th{background-color:var(--primary);font-weight:700}.interactive-table tr:last-child td{border-bottom:none}.mobile-back-btn{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:4px;border-radius:50%}.mobile-back-btn:hover{background-color:var(--primary)}@media (max-width: 768px){.app-container,.app-container.sidebar-left{flex-direction:column}.chat-sidebar{order:-1}.chat-sidebar{width:100%!important;min-width:100%!important;height:100%}.notes-sidebar{width:100%;min-width:100%;height:100%}.app-container.mobile-sidebar-active .chat-container,.app-container.mobile-sidebar-active .game-wrapper{display:none!important}.app-container.mobile-sidebar-active .chat-sidebar{display:flex}.app-container.mobile-chat-active .chat-sidebar{display:none!important}.app-container.mobile-chat-active .contacts-list{display:none}.app-container.mobile-chat-active .chat-container{display:flex;width:100%;height:100%}.app-container.mobile-notes-active .chat-container,.app-container.mobile-notes-active .chat-sidebar{display:none}.app-container.mobile-notes-active .notes-sidebar{display:flex}.app-container:not(.mobile-notes-active) .notes-sidebar{display:none}.mobile-back-btn{display:flex;align-items:center;justify-content:center}.message{max-width:88%;font-size:14.2px}.chat-messages{padding:.75rem .5rem 5rem}.chat-header{padding-left:8px;padding-right:8px;min-height:56px;height:56px}.chat-header h3{font-size:1rem!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-area{padding:.4rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px))}.chat-input-row-wrapper{flex-wrap:nowrap;gap:.25rem;align-items:flex-end}.chat-input-row-wrapper .input-actions-left{display:flex;align-items:center;gap:0;border-bottom:none;padding-bottom:.25rem;width:auto}.chat-input-row-wrapper textarea{flex:1;min-width:0;margin:0;font-size:16px;padding:.6rem .8rem;border-radius:20px;background-color:var(--primary);border:1px solid #3c3c3c;line-height:1.4}.chat-input-row-wrapper .input-actions-right{display:flex;align-items:center;gap:0;padding-bottom:.25rem}.icon-btn{width:36px;height:36px;min-width:36px}.send-btn{display:none}.media-menu{position:absolute;bottom:100%;left:0;right:0;width:100%;margin-bottom:0;border-radius:16px 16px 0 0;border-bottom:none;max-height:50vh;z-index:200}.media-content{max-height:45vh}.emoji-grid{grid-template-columns:repeat(6,1fr)}.gif-grid{grid-template-columns:repeat(3,1fr)}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%!important;max-width:100%!important;min-width:unset!important;border-radius:16px 16px 0 0;max-height:90vh;overflow-y:auto;padding:1.25rem;margin:0}.modal-header{margin-bottom:1rem;position:sticky;top:0;background-color:var(--secondary);z-index:10;padding-bottom:.75rem}.modal-header h2{font-size:1.1rem}.toast{bottom:70px;right:12px;left:12px;text-align:center;font-size:.9rem;padding:.75rem 1rem;border-radius:8px}.message-options-btn{opacity:.6;padding:0 .25rem}.message-options-menu{min-width:160px}.sidebar-tabs{position:sticky;top:0;z-index:5}.sidebar-tab{padding:.75rem .5rem;font-size:.9rem}.sidebar-header,.add-contact-form{padding:.75rem}.conversation-item{padding:.72rem}.contact-item{padding:.75rem}.container{max-width:100%;border-radius:0;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.homepage-left-panel{display:none}.homepage-feed-header{padding:12px 16px}.homepage-feed-title{font-size:1rem}.homepage-feed-content{padding:12px;gap:12px}.community-post-card{padding:12px;border-radius:10px}.post-header{gap:8px}.post-actions{gap:8px;flex-wrap:wrap}.post-action-btn{padding:6px 8px;font-size:.8rem}.create-post-footer{flex-direction:column;gap:8px}.create-post-select{width:auto;flex:1}.create-post-btn{width:auto;padding:8px 16px}.homepage-modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.homepage-modal-overlay{align-items:flex-end}.interactive-container{max-width:100%}.dropdown-menu{min-width:180px;right:0}}@media (max-width: 400px){.message{max-width:92%}.chat-header h3{max-width:100px}.icon-btn{width:32px;height:32px;min-width:32px}.emoji-grid{grid-template-columns:repeat(5,1fr)}.gif-grid{grid-template-columns:repeat(2,1fr)}.post-action-btn{padding:4px 6px;font-size:.75rem}}body.theme-ammmazing{--primary: #ff1493;--secondary: #ff69b4;--accent: #ff00ff;--text-main: #ffffff;--text-muted: #ffe4e1}body.theme-white-tech-cyber{--primary: #ffffff;--secondary: #f4f6f9;--accent: #000000;--text-main: #0a0a0c;--text-muted: #52525b;--bg: #e4e7eb;--bg-lighter: #ffffff;--bg-input: #ffffff}body.theme-white-tech-cyber .chat-messages{background-color:#f0f2f5;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:24px 24px}body.theme-white-tech-cyber .chat-header,body.theme-white-tech-cyber .chat-sidebar,body.theme-white-tech-cyber .notes-sidebar,body.theme-white-tech-cyber .sidebar-tabs,body.theme-white-tech-cyber .chat-input-area,body.theme-white-tech-cyber .add-contact-form,body.theme-white-tech-cyber .sidebar-header,body.theme-white-tech-cyber .request-item,body.theme-white-tech-cyber .conversation-item,body.theme-white-tech-cyber .contact-item{border-color:#000!important}body.theme-white-tech-cyber .sidebar-tab.active{border-bottom:3px solid #000000!important;color:#000!important;font-weight:800;letter-spacing:.5px;text-transform:uppercase}body.theme-white-tech-cyber .conversation-item:hover,body.theme-white-tech-cyber .contact-item:hover,body.theme-white-tech-cyber .conversation-item.active,body.theme-white-tech-cyber .contact-item.active{background-color:#e5e8ed!important;border-left:4px solid #000000}body.theme-white-tech-cyber .message{border-radius:4px!important;font-family:inherit}body.theme-white-tech-cyber .message.self{background-color:#dbe3ec!important;color:#0f172a!important;border:1.5px solid #000000!important;box-shadow:3px 3px #00000026}body.theme-white-tech-cyber .message.self:before{content:"";position:absolute;top:-2px;right:-10px;width:0;height:0;border-top:14px solid #000000;border-right:11px solid transparent;z-index:1}body.theme-white-tech-cyber .message.self:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-top:11px solid #dbe3ec;border-right:9px solid transparent;z-index:2}body.theme-white-tech-cyber .message.other{background-color:#fff!important;color:#000!important;border:2px solid #000000!important;box-shadow:3px 3px #000}body.theme-white-tech-cyber .message.other:before{content:"";position:absolute;top:-2px;left:-11px;width:0;height:0;border-top:14px solid #000000;border-left:11px solid transparent;z-index:1}body.theme-white-tech-cyber .message.other:after{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-top:11px solid #ffffff;border-left:9px solid transparent;z-index:2}body.theme-white-tech-cyber .message .sender{color:#000!important;font-weight:800;font-family:monospace,sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.8px;background-color:#f0f2f5;padding:2px 6px;border:1px solid #000000;border-radius:2px;display:inline-block;margin-bottom:6px}body.theme-white-tech-cyber .message.self .sender{background-color:#c5d3e2!important;color:#0f172a!important;border-color:#000!important}body.theme-white-tech-cyber .message.ai-message{border:2px solid #000000!important;box-shadow:4px 4px #000}body.theme-white-tech-cyber .ai-metrics-container,body.theme-white-tech-cyber .ai-metrics-container span{color:#334155!important;font-weight:700!important;font-family:monospace,sans-serif;opacity:1!important}body.theme-white-tech-cyber .effect-auto-notice{color:#475569!important;font-weight:600!important}body.theme-white-tech-cyber .effect-message-card{background-color:#fff!important;color:#000!important;border:1.5px solid #000000!important;box-shadow:2px 2px #000!important;border-radius:4px!important}body.theme-white-tech-cyber .effect-message-card span,body.theme-white-tech-cyber .effect-message-card svg{color:#000!important}body.theme-white-tech-cyber .message.self svg,body.theme-white-tech-cyber .message.self span[title*=Lida]{color:#0f172a!important}body.theme-white-tech-cyber .custom-audio-player{background-color:#dbe3ec!important;color:#0f172a!important;border:1.5px solid #000000!important;border-radius:4px!important}body.theme-white-tech-cyber .custom-audio-player.other{background-color:#f8f9fa!important;color:#000!important;border:1.5px solid #000000!important}body.theme-white-tech-cyber .scroll-to-bottom-btn{background-color:#000!important;color:#fff!important;border:2px solid #000000!important;box-shadow:3px 3px #0000004d!important}body.theme-white-tech-cyber .scroll-to-bottom-btn:hover{background-color:#fff!important;color:#000!important}body.theme-white-tech-cyber textarea,body.theme-white-tech-cyber input[type=text],body.theme-white-tech-cyber input[type=password],body.theme-white-tech-cyber select{background-color:#fff!important;color:#000!important;border:1.5px solid #000000!important;border-radius:4px!important}body.theme-white-tech-cyber textarea:focus,body.theme-white-tech-cyber input:focus{outline:none;box-shadow:2px 2px #000}body.theme-white-tech-cyber .btn,body.theme-white-tech-cyber .interactive-btn,body.theme-white-tech-cyber .create-post-btn,body.theme-white-tech-cyber .add-contact-form button,body.theme-white-tech-cyber .request-item button{background-color:#000!important;color:#fff!important;border:1.5px solid #000000!important;border-radius:4px!important;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}body.theme-white-tech-cyber .btn:hover,body.theme-white-tech-cyber .interactive-btn:hover,body.theme-white-tech-cyber .create-post-btn:not(:disabled):hover{background-color:#fff!important;color:#000!important;box-shadow:3px 3px #000}body.theme-white-tech-cyber .send-btn{color:#000!important}body.theme-white-tech-cyber .send-btn:hover{color:#333!important;transform:scale(1.1)}body.theme-white-tech-cyber .icon-btn{color:#000!important}body.theme-white-tech-cyber .icon-btn:hover{background-color:#000!important;color:#fff!important}body.theme-white-tech-cyber .chat-header-action-btn{background-color:#fff!important;color:#000!important;border:1.5px solid #000000!important;box-shadow:2px 2px #000!important;border-radius:4px!important}body.theme-white-tech-cyber .chat-header-action-btn:hover,body.theme-white-tech-cyber .chat-header-action-btn.icon-only-btn:hover,body.theme-white-tech-cyber .mobile-back-btn:hover{background-color:#000!important;color:#fff!important}body.theme-white-tech-cyber .chat-header-action-btn.call-btn{color:#16a34a!important;border-color:#000!important}body.theme-white-tech-cyber .chat-header-action-btn.call-btn:hover{background-color:#16a34a!important;color:#fff!important}body.theme-white-tech-cyber .chat-header-action-btn.active-notes{background-color:#000!important;color:#fff!important}body.theme-white-tech-cyber .chat-header-action-btn.active-favorites{background-color:#000!important;color:#f59e0b!important}body.theme-white-tech-cyber .modal-content,body.theme-white-tech-cyber .dropdown-menu,body.theme-white-tech-cyber .media-menu,body.theme-white-tech-cyber .message-options-menu{background-color:#fff!important;border:2px solid #000000!important;box-shadow:5px 5px #000!important;border-radius:4px!important}body.theme-white-tech-cyber .modal-header,body.theme-white-tech-cyber .dropdown-item,body.theme-white-tech-cyber .message-option-item{border-color:#000!important;color:#000!important}body.theme-white-tech-cyber .dropdown-item:hover,body.theme-white-tech-cyber .message-option-item:hover{background-color:#000!important;color:#fff!important}body.theme-white-tech-cyber .homepage-left-panel,body.theme-white-tech-cyber .homepage-feed-header,body.theme-white-tech-cyber .homepage-container{background-color:#f4f6f9!important;border-color:#000!important}body.theme-white-tech-cyber .homepage-profile-card,body.theme-white-tech-cyber .community-post-card,body.theme-white-tech-cyber .create-post-card,body.theme-white-tech-cyber .explore-community-card{background-color:#fff!important;border:2px solid #000000!important;box-shadow:4px 4px #000!important;border-radius:4px!important}body.theme-white-tech-cyber ::-webkit-scrollbar{width:8px;height:8px}body.theme-white-tech-cyber ::-webkit-scrollbar-track{background:#e4e7eb;border-left:1px solid #000000}body.theme-white-tech-cyber ::-webkit-scrollbar-thumb{background:#000;border-radius:0}body.theme-white-tech-cyber ::-webkit-scrollbar-thumb:hover{background:#333}select{background-color:var(--secondary);color:var(--text-main);border:1px solid var(--accent);padding:.5rem;border-radius:4px}select option{background-color:var(--secondary);color:var(--text-main)}.message-actions-container{opacity:0;transition:opacity .2s ease-in-out}@media (hover: hover) and (pointer: fine){.message-container:hover .message-actions-container{opacity:1}}.message-actions-container.active{opacity:1}.chat-container.has-custom-bg .message-actions-container>div:first-child{background-color:#00000059!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;padding:3px 8px!important;box-shadow:0 4px 12px #00000040!important}.chat-container.has-custom-bg .message-options-btn{color:#fff!important;opacity:.9!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important}.chat-container.has-custom-bg .message-options-btn:hover{color:var(--accent)!important;opacity:1!important;background-color:#ffffff26!important}.pulsing-dot{animation:pulse 1.4s infinite ease-in-out both;font-size:1.2rem;line-height:1}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes popAttention{0%{transform:scale(1)}50%{transform:scale(1.4);background-color:#4fc3f7!important;color:#000!important;box-shadow:0 0 8px #4fc3f7}to{transform:scale(1)}}.homepage-container{flex:1;display:flex;overflow:hidden;background-color:#1c1c1d}@media (max-width: 768px){.homepage-container.mobile-panel-left .homepage-right-panel,.homepage-container.mobile-panel-right .homepage-left-panel{display:none!important}.homepage-left-panel,.homepage-right-panel{width:100%!important;min-width:100%!important}}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:flex!important}}.homepage-left-panel{width:280px;min-width:280px;background-color:var(--bg-lighter);border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;overflow-y:auto;padding:16px;gap:20px}.homepage-right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.homepage-profile-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-sizing:border-box;overflow:hidden}.homepage-profile-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.homepage-profile-name{font-weight:700;color:var(--text-main);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homepage-profile-stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stat-pill{display:flex;align-items:center;gap:3px;background:#ffffff0d;padding:2px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.06);font-size:.72rem;white-space:nowrap}.stat-number{font-weight:700;color:var(--text-main)}.stat-label{color:var(--text-muted)}.homepage-quick-nav{display:flex;gap:6px;background:#00000040;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.homepage-quick-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--text-muted, #94a3b8);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.homepage-quick-nav-btn:hover{color:#fff;background:#ffffff0f}.homepage-quick-nav-btn.active{background:var(--accent, #00c6ff);color:#fff;font-weight:700;box-shadow:0 4px 12px #00c6ff40}.homepage-action-card-empty{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.15);background:#ffffff05;color:var(--accent, #60a5fa);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.homepage-action-card-empty:hover{background:#ffffff0f;border-color:var(--accent, #60a5fa);transform:translateY(-1px)}.homepage-see-more-btn{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:.78rem;cursor:pointer;text-align:left;padding:4px 8px;font-weight:600;transition:color .2s}.homepage-see-more-btn:hover{color:var(--text-main, #fff)}.homepage-section{display:flex;flex-direction:column;gap:8px}.homepage-section-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.homepage-small-btn{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.homepage-small-btn:hover{background:var(--accent)}.homepage-empty-text{font-size:.85rem;color:var(--text-muted);font-style:italic;padding:4px 0}.homepage-community-list,.homepage-friends-list{display:flex;flex-direction:column;gap:4px}.homepage-community-item{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .2s}.homepage-community-item:hover{background-color:#ffffff0a}.community-item-name{font-size:.9rem;color:var(--text-main);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-item-members{font-size:.75rem;color:#ffffff59}.homepage-friend-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;transition:all .2s}.homepage-friend-item:hover{background-color:#ffffff08}.friend-item-name{font-size:.9rem;color:var(--text-main)}.homepage-explore-btn{width:100%;padding:10px;border-radius:20px;background:transparent;color:var(--text-main);border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.homepage-explore-btn:hover{background:#ffffff0d;border-color:#fff3}.homepage-feed-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.04);background-color:#1c1c1d}.homepage-feed-title{margin:0;font-size:1.2rem;color:var(--text-main);font-weight:700}.homepage-back-btn{background:transparent;border:none;color:var(--text-main);cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:6px;transition:background-color .2s}.homepage-back-btn:hover{background-color:#ffffff1a}.homepage-feed-content{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;background-color:#1c1c1d}.homepage-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.create-post-card{background-color:#252728;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px 16px;max-width:780px;width:100%;margin-left:auto;margin-right:auto}.create-post-textarea{width:100%;background:#0003;color:var(--text-main);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:0 16px;font-size:.9rem;outline:none;font-family:inherit;transition:all .2s}.create-post-textarea:focus{border-color:var(--accent);background:#0000004d}.create-post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.create-post-select{padding:0 12px;border-radius:20px;background:#0003;color:var(--text-main);border:1px solid rgba(255,255,255,.05);font-size:.85rem;outline:none;cursor:pointer;transition:all .2s}.create-post-select:focus{border-color:var(--accent)}.create-post-btn{padding:0 20px;border-radius:20px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s}.create-post-btn:disabled{opacity:.4;cursor:not-allowed}.create-post-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.community-post-card{background-color:#252728;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 4px 20px #00000040;max-width:780px;width:100%;margin-left:auto;margin-right:auto}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.post-author{font-weight:700;color:var(--text-main);font-size:.95rem}.post-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.post-community-tag{background:#0e639c26;border:1px solid rgba(88,182,255,.2);color:#58b6ff;padding:2px 10px;border-radius:14px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center}.post-community-tag:hover{background:#0e639c59;border-color:#58b6ff80;color:#fff;box-shadow:0 0 10px #58b6ff40;text-decoration:none}.post-content{color:var(--text-main);font-size:.95rem;line-height:1.6;white-space:normal;word-break:break-word;margin-bottom:12px}.post-content.markdown-body p{margin-bottom:.8em}.post-content.markdown-body p:last-child{margin-bottom:0}.post-content.markdown-body hr{height:1px;background:#ffffff1a;border:none;margin:16px 0}.post-content.markdown-body a{color:var(--accent);text-decoration:none}.post-content.markdown-body a:hover{text-decoration:underline}.post-content.markdown-body ul,.post-content.markdown-body ol{margin-left:20px;margin-bottom:.8em}.post-content.markdown-body li{margin-bottom:.25em}.post-content.markdown-body li p{margin:0;display:inline-block}.post-content.markdown-body li br:last-child{display:none}.post-content.markdown-body blockquote{border-left:3px solid var(--accent);background:#ffffff08;margin:.8em 0;padding:8px 12px;border-radius:0 8px 8px 0;color:var(--text-muted)}.post-content.markdown-body pre{background:#0006;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:8px;overflow-x:auto;margin:.8em 0}.post-content.markdown-body code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace}.post-content.markdown-body pre code{background:transparent;padding:0}.post-content.markdown-body table{width:100%;border-collapse:collapse;margin:.8em 0}.post-content.markdown-body th,.post-content.markdown-body td{border:1px solid rgba(255,255,255,.1);padding:6px 12px}.post-content.markdown-body th{background:#ffffff0d}.post-image-container{margin-bottom:10px;border-radius:8px;overflow:hidden}.post-image{width:100%;max-height:400px;object-fit:cover;display:block}.chat-header-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:20px;transition:all .2s ease;outline:none}.chat-header-action-btn:hover{background:#ffffff26;color:var(--text-main)}.chat-header-action-btn.icon-only-btn{padding:8px;border-radius:50%;background:transparent;border:none}.chat-header-action-btn.icon-only-btn:hover{background:#ffffff1a;color:var(--text-main)}.chat-header-action-btn.call-btn{color:#4caf50}.chat-header-action-btn.call-btn:hover{background:#4caf5026;color:#4caf50}.chat-header-action-btn.active-notes{background:#4fc3f726;border-color:#4fc3f766;color:var(--accent)}.chat-header-action-btn.active-favorites{background:#ffd70026;border-color:#ffd70066;color:gold}.chat-header-action-btn.active-options{background:#ffffff26;color:var(--text-main)}.post-actions{display:flex;gap:16px;padding-top:8px;border-top:1px solid rgba(255,255,255,.03)}.post-action-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px 12px;border-radius:6px;font-size:.85rem;transition:all .2s}.post-action-btn:hover{background-color:#ffffff0f;color:var(--text-main)}.post-action-btn.liked{color:#e74c3c}.comments-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:10px}.comment-item{display:flex;gap:8px;align-items:flex-start}.comment-author{font-weight:700;color:var(--text-main);font-size:.85rem;margin-right:6px}.comment-time{font-size:.75rem;color:var(--text-muted)}.comment-text{color:var(--text-main);font-size:.85rem;line-height:1.4}.comment-input-row{display:flex;gap:8px;align-items:center}.comment-input{flex:1;padding:8px 12px;border-radius:20px;background:var(--bg);color:var(--text-main);border:1px solid #3c3c3c;font-size:.85rem;outline:none}.comment-input:focus{border-color:var(--accent)}.comment-send-btn{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.comment-send-btn:hover{opacity:.85}.explore-grid{display:flex;flex-direction:column;gap:12px}.explore-community-card{background-color:var(--bg-lighter);border:1px solid #3c3c3c;border-radius:12px;padding:16px;transition:border-color .2s}.explore-community-card:hover{border-color:#ffffff1f}.explore-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.explore-card-name{font-weight:700;color:var(--text-main);font-size:1rem}.explore-card-members{font-size:.8rem;color:var(--text-muted)}.explore-card-desc{color:var(--text-main);font-size:.9rem;margin-bottom:12px;opacity:.8}.explore-card-actions{display:flex;gap:8px}.explore-view-btn,.explore-join-btn,.explore-leave-btn{padding:6px 16px;border-radius:6px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:opacity .2s}.explore-view-btn{background:#ffffff1a;color:var(--text-main)}.explore-join-btn{background:var(--accent);color:#fff}.explore-leave-btn{background:#e74c3c26;color:#e74c3c}.explore-view-btn:hover,.explore-join-btn:hover,.explore-leave-btn:hover{opacity:.8}.community-info-card{background:linear-gradient(135deg,#4fc3f714,#9c27b014);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.homepage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.homepage-modal{background:var(--bg-lighter);border:1px solid #3c3c3c;border-radius:12px;width:400px;max-width:90vw;overflow:hidden}.homepage-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #3c3c3c}.homepage-modal-header h3{margin:0;color:var(--text-main)}.homepage-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.homepage-modal-body{padding:20px}.homepage-modal-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.homepage-modal-input,.homepage-modal-textarea{width:100%;padding:10px 12px;border-radius:8px;background:var(--bg);color:var(--text-main);border:1px solid #3c3c3c;font-size:.95rem;outline:none;font-family:inherit}.homepage-modal-input:focus,.homepage-modal-textarea:focus{border-color:var(--accent)}.homepage-modal-textarea{resize:none}.homepage-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #3c3c3c}.homepage-modal-cancel{padding:8px 16px;border-radius:6px;background:transparent;color:var(--text-muted);border:1px solid #3c3c3c;cursor:pointer;font-size:.9rem}.homepage-modal-submit{padding:8px 20px;border-radius:6px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:.9rem;transition:opacity .2s}.homepage-modal-submit:disabled{opacity:.4;cursor:not-allowed}.homepage-modal-submit:not(:disabled):hover{opacity:.85}.homepage-grid-container{position:relative;flex:1;min-height:100%;background:var(--bg, #121214);color:var(--text-main, #fff);padding:3rem 2.5rem;overflow-y:auto;box-sizing:border-box}.homepage-ambient-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none}.homepage-ambient-glow.glow-1{width:350px;height:350px;background:#00c6ff;top:-50px;left:-50px}.homepage-ambient-glow.glow-2{width:400px;height:400px;background:#a855f7;bottom:0;right:-50px}.homepage-content-wrapper{max-width:1050px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:2.5rem}.homepage-hero-banner{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem 2.5rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;gap:1.5rem}.homepage-hero-info{display:flex;align-items:center;gap:1.5rem;min-width:0;flex:1}.homepage-hero-text{min-width:0;flex:1}.homepage-back-btn{border:none;color:var(--text-main, #fff);cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.homepage-back-btn:hover{background:#ffffff26;transform:translate(-2px)}.homepage-logo-wrapper{display:flex;align-items:center;justify-content:center;position:relative;padding:4px}.homepage-logo-wrapper:before{content:"";position:absolute;width:60px;height:60px;background:linear-gradient(135deg,var(--accent, #00c6ff),#a855f7);border-radius:50%;filter:blur(25px);opacity:.35;pointer-events:none}.homepage-brand-logo{height:56px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.homepage-logo-wrapper:hover .homepage-brand-logo{transform:scale(1.1) rotate(4deg)}.homepage-hero-text h1{font-size:2.2rem;font-weight:800;margin:0 0 .3rem;letter-spacing:-.5px;color:var(--text-main, #fff);display:flex;align-items:center;gap:8px}.username-gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homepage-hero-text p{font-size:1rem;color:var(--text-muted, #94a3b8);margin:0}.homepage-user-badge{display:flex;align-items:center}.homepage-avatar-ring{width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--accent, #00c6ff),#a855f7);box-shadow:0 0 20px #00c6ff4d}.homepage-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.homepage-avatar-fallback{width:100%;height:100%;border-radius:50%;background:var(--secondary, #1e1e24);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff}.homepage-section-title{display:flex;flex-direction:column;gap:4px}.homepage-section-title h2{font-size:1.3rem;font-weight:700;margin:0;color:var(--text-main, #fff)}.homepage-section-title span{font-size:.85rem;color:var(--text-muted, #94a3b8)}.homepage-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.homepage-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.4rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.homepage-card:hover:not(.disabled){background:#ffffff0f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 16px 32px #0000004d}.homepage-card.disabled{opacity:.55;cursor:not-allowed}.homepage-card-icon-box{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .3s ease}.homepage-card:hover:not(.disabled) .homepage-card-icon-box{transform:scale(1.08) rotate(-3deg)}.homepage-card-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.homepage-card-title{font-size:1.1rem;font-weight:700;color:var(--text-main, #fff);display:flex;align-items:center;gap:8px}.homepage-card-desc{font-size:.82rem;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homepage-badge-soon{font-size:.65rem;font-weight:700;text-transform:uppercase;background:#ffffff1f;color:#e2e8f0;padding:2px 7px;border-radius:12px;border:1px solid rgba(255,255,255,.15);letter-spacing:.5px}.homepage-card-arrow{color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.homepage-card:hover:not(.disabled) .homepage-card-arrow{color:var(--text-main, #fff);transform:translate(4px)}@media (max-width: 768px){.homepage-grid-container{padding:1.5rem 1rem}.homepage-hero-banner{flex-direction:column-reverse;align-items:flex-start;padding:1.25rem 1.5rem;gap:1rem}.homepage-hero-info{gap:.75rem;flex-wrap:wrap}.homepage-avatar-ring{width:54px;height:54px}.homepage-hero-text{flex-basis:100%;margin-top:.5rem}.homepage-hero-text h1{font-size:1.6rem}.homepage-cards-grid{grid-template-columns:1fr}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100vh) translate(-50%)}10%{opacity:1;transform:translateY(0) translate(-50%)}90%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(100vh) translate(-50%)}}@keyframes spinAndScale{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(360deg)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(720deg)}to{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(1080deg)}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes scaleInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}@media (max-width: 768px){.chat-header-profile-image{width:24px!important;height:24px!important}.chat-header-contact-name{font-size:.9rem!important}.chat-header-action-btn{padding:4px 8px!important;gap:4px!important}.chat-header-action-btn svg{width:14px!important;height:14px!important}.chat-header-action-btn span{font-size:.8rem!important}}.chat-container.has-custom-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.chat-container.has-custom-bg .chat-messages{background-color:transparent!important;background-image:none!important}.chat-container.has-custom-bg .chat-header{background-color:#12121659!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.12);transition:background-color .3s ease}.chat-container.has-custom-bg .chat-input-area{background-color:#12121659!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12);transition:background-color .3s ease}.chat-container.has-custom-bg .chat-input-area textarea{background-color:#0003!important;border:1px solid rgba(255,255,255,.15)!important}body.theme-white-tech-cyber .chat-container.has-custom-bg .chat-header{background-color:#ffffff73!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid #000000!important}body.theme-white-tech-cyber .chat-container.has-custom-bg .chat-input-area{background-color:#ffffff73!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:2px solid #000000!important}body.theme-white-tech-cyber .chat-container.has-custom-bg .chat-input-area textarea{background-color:#ffffff80!important;color:#000!important;border:1.5px solid #000000!important}.chat-container.cinema-mode-active{position:relative}.cinema-overlay-player{position:absolute;top:69px;left:0;width:100%;height:calc(100% - 139px);z-index:1;background:#000;pointer-events:auto}.cinema-overlay-player iframe{width:100%;height:100%;border:none}.close-cinema-btn{position:absolute;top:15px;right:20px;z-index:10;background:#000000d9;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:all .2s ease}.close-cinema-btn:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.chat-container.cinema-mode-active .chat-messages{position:relative;z-index:2;background:transparent!important;background-image:none!important;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end!important;padding-right:1.5rem}.chat-container.cinema-mode-active .chat-messages .message-container{width:100%;display:flex;justify-content:flex-end;pointer-events:none}.chat-container.cinema-mode-active .chat-messages .message{align-self:flex-end!important;max-width:380px!important;width:100%;margin-left:auto!important;box-shadow:0 4px 15px #0009!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.chat-container.cinema-mode-active .chat-messages .message.other{border-left:3px solid var(--accent);background-color:#1e1e1ed9!important;color:#fff!important}body.theme-white-tech-cyber .chat-container.cinema-mode-active .chat-messages .message.other{background-color:#ffffffe6!important;color:#000!important;border:1.5px solid #000000!important}.chat-container.cinema-mode-active .chat-header,.chat-container.cinema-mode-active .chat-input-area{position:relative;z-index:10}@keyframes popReaction{0%{transform:scale(0) rotate(-25deg);opacity:0}60%{transform:scale(1.4) rotate(10deg);opacity:1}80%{transform:scale(.9) rotate(-4deg)}to{transform:scale(1) rotate(0);opacity:1}}.reaction-badge{animation:popReaction .35s cubic-bezier(.175,.885,.32,1.275) forwards;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.reaction-badge:hover{transform:scale(1.25)!important}.reaction-badge:active{transform:scale(.95)!important}@keyframes bigEmojiPulse{0%{transform:scale(.2) rotate(-15deg);opacity:0}65%{transform:scale(1.25) rotate(6deg);opacity:1}85%{transform:scale(.92) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}.big-emoji-animated{display:inline-block;animation:bigEmojiPulse .45s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:center center;-webkit-user-select:none;user-select:none}.games-page{display:flex;flex-direction:column;height:100%;width:100%;background:var(--primary);overflow:hidden}.games-page-inner{max-width:1000px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100%}.games-page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;gap:12px}.games-header-text h1{font-size:1.6rem;font-weight:800;color:var(--text-main);margin:0}.games-header-text p{font-size:.9rem;color:var(--text-muted);margin:4px 0 0}.games-header-actions{display:flex;gap:10px;flex-wrap:wrap}.games-back-btn{background:#ffffff0d;border:none;color:var(--text-main);padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.games-back-btn:hover{background:#ffffff1f}.games-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);color:#fff}.games-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.games-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.games-create-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.games-manage-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.games-content{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.games-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;color:var(--text-muted)}.games-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#4facfe;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.games-error{text-align:center;padding:40px;color:#ff6b6b;font-weight:600}.games-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center;color:var(--text-muted);background:#ffffff05;border-radius:20px;border:1px dashed rgba(255,255,255,.08)}.games-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.games-empty h3{color:var(--text-main);margin-bottom:8px}.games-empty p{max-width:400px;line-height:1.5}.games-section{margin-bottom:36px}.games-section-title{font-size:1.3rem;font-weight:700;color:var(--text-main);margin-bottom:16px;display:flex;align-items:center;gap:10px}.games-section-count{background:#ffffff14;padding:2px 10px;border-radius:12px;font-size:.85rem;color:var(--text-muted)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.game-card{background:var(--secondary);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.06)}.game-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000059;border-color:#ffffff1f}.game-card-banner{height:120px;display:flex;align-items:center;justify-content:center;position:relative}.game-card-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-card-type-badge{position:absolute;top:8px;right:8px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:700;color:#fff}.game-card-body{padding:14px}.game-card-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.game-card-footer{display:flex;align-items:center;justify-content:space-between}.game-card-players{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted)}.game-card-author{font-size:.75rem;color:var(--accent);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.template-card{background:var(--secondary);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:center}.template-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000059;border-color:#ffffff26}.template-card-icon{font-size:3rem;margin-bottom:12px;display:block}.template-card h3{font-size:1.1rem;color:var(--text-main);margin:0 0 8px}.template-card p{font-size:.85rem;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.template-card-meta{display:flex;justify-content:center;gap:12px;font-size:.8rem;color:var(--text-muted)}.creator-meta-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.creator-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.creator-field label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.creator-field input,.creator-field select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:8px 12px;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.creator-field input:focus,.creator-field select:focus{border-color:var(--accent)}.creator-tabs{display:flex;gap:4px;margin-bottom:8px}.creator-tab{background:#ffffff0a;border:1px solid transparent;color:var(--text-muted);padding:8px 16px;border-radius:8px 8px 0 0;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.creator-tab:hover{background:#ffffff14}.creator-tab.active{background:#ffffff14;color:var(--text-main);border-color:#ffffff1a;border-bottom-color:transparent}.creator-code-editor{width:100%;height:100%;background:#0000004d;border:1px solid rgba(255,255,255,.08);color:#d4d4d4;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.85rem;line-height:1.6;padding:16px;border-radius:0 0 12px 12px;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.creator-code-editor:focus{border-color:#ffffff26}.manager-sidebar{width:260px;min-width:260px;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;scrollbar-width:thin}.manager-game-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.03)}.manager-game-item:hover{background:#ffffff0a}.manager-game-item.active{background:#4facfe1a;border-left:3px solid #4facfe}.manager-game-icon{font-size:1.8rem}.manager-game-info{flex:1;min-width:0}.manager-game-name{font-size:.95rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-game-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.manager-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.manager-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.manager-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;gap:8px}.manager-file-tabs{display:flex;gap:4px;flex-wrap:wrap}.manager-small-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.manager-small-btn:hover{background:#ffffff1a}.manager-small-btn.save:hover{border-color:#4ecdc4}.manager-small-btn.publish:hover{border-color:#4facfe}.manager-small-btn.delete{color:#ff6b6b}.manager-small-btn.delete:hover{background:#ff6b6b1a;border-color:#ff6b6b}.lobby-container-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 40px;width:100%}.lobby-glass-card{width:100%;max-width:580px;background:#1a1c26b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 28px;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:28px}.lobby-game-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:20px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0003}.lobby-game-icon-box{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#00c6ff,#0072ff);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00c6ff59;flex-shrink:0}.lobby-game-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.lobby-game-details{display:flex;flex-direction:column;gap:6px}.lobby-game-details h2{margin:0;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.3px}.lobby-game-desc{margin:0;font-size:.85rem;color:var(--text-muted, #94a3b8);line-height:1.4}.lobby-game-tags{display:flex;align-items:center;gap:8px;margin-top:4px}.lobby-tag-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.lobby-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lobby-section-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#f1f5f9;letter-spacing:-.2px}.lobby-count-badge{background:#00c6ff26;color:#38bdf8;border:1px solid rgba(0,198,255,.3);padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:700}.lobby-players-list{display:flex;flex-direction:column;gap:10px}.lobby-player-row{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#ffffff0a;border-radius:14px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.lobby-player-row:hover:not(.empty){background:#ffffff12;border-color:#00c6ff4d;transform:translate(2px)}.lobby-player-row.empty{border-style:dashed;border-color:#ffffff14;background:#ffffff04}.lobby-player-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000040}.lobby-player-avatar.empty{background:#ffffff0d!important;border:1px dashed rgba(255,255,255,.15);color:var(--text-muted, #64748b);box-shadow:none}.lobby-player-info{display:flex;flex-direction:column;gap:3px;flex:1}.lobby-player-name{font-weight:600;font-size:.95rem;color:#f8fafc;display:flex;align-items:center;gap:8px}.lobby-player-name.empty-name{color:#64748b;font-weight:400;font-style:italic}.lobby-host-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:800;letter-spacing:.5px;box-shadow:0 2px 6px #f59e0b4d}.lobby-player-status{font-size:.8rem;font-weight:500;color:#94a3b8}.lobby-player-status.ready{color:#34d399}.lobby-player-status.connected{color:#38bdf8}.lobby-invite-box{display:flex;flex-direction:column;gap:10px}.lobby-invite-actions{display:flex;gap:10px;width:100%}.lobby-invite-input{flex:1;background:#0f172a99;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:12px 16px;border-radius:14px;font-size:.92rem;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #0003}.lobby-invite-input:focus{border-color:#38bdf8;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #38bdf833}.lobby-invite-input::placeholder{color:#64748b}.lobby-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:14px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.lobby-action-btn.primary{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;box-shadow:0 4px 14px #a855f759}.lobby-action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f773}.lobby-action-btn.primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.lobby-action-btn.secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.lobby-action-btn.secondary:hover,.lobby-action-btn.secondary.active{background:#ffffff26;border-color:#ffffff40;color:#fff}.lobby-invite-status{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:12px 18px;border-radius:14px;animation:fadeInOverlay .3s ease}.lobby-invite-status.declined{color:#f87171;background:#f871711a;border-color:#f8717133}.lobby-contact-picker{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#0f172acc;border-radius:14px;border:1px solid rgba(255,255,255,.1);max-height:180px;overflow-y:auto;margin-top:6px}.lobby-contact-item{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f1f5f9;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.lobby-contact-item:hover{background:#38bdf833;border-color:#38bdf866;transform:translateY(-1px)}.lobby-contact-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#818cf8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff}.lobby-contact-plus{color:#38bdf8;font-weight:700;margin-left:4px}.lobby-start-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 36px;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #10b98159;width:100%;letter-spacing:.3px;margin-top:8px}.lobby-start-btn:hover:not(.disabled){transform:translateY(-3px) scale(1.01);box-shadow:0 12px 32px #10b98173}.lobby-start-btn.disabled{background:#ffffff0f;color:#64748b;border:1px solid rgba(255,255,255,.08);box-shadow:none;cursor:not-allowed;transform:none}.lobby-guest-waiting{text-align:center;padding:20px;background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.08);color:#94a3b8}.game-runner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#000}.game-runner-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:10;pointer-events:none}.game-runner-hud>*{pointer-events:auto}.game-runner-exit-btn{display:flex;align-items:center;gap:6px;background:#ff3c3ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.game-runner-exit-btn:hover{background:#ff3c3c}.game-runner-info{text-align:center}.game-runner-title{font-size:.9rem;font-weight:700;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.game-runner-stats{display:flex;gap:12px}.game-runner-ping,.game-runner-players{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:6px;font-size:.8rem;color:#fffc;font-weight:600}.game-runner-toast{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:9999;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 24px;border-radius:10px;font-size:.9rem;font-weight:600;color:#fff;z-index:20;animation:toastIn .3s ease;border:1px solid rgba(255,255,255,.1)}.game-runner-toast.warning{border-color:#ffaa004d;color:#fa0}.game-runner-toast.success{border-color:#4ecdc44d;color:#4ecdc4}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-runner-iframe{flex:1;width:100%;border:none;background:#111}.game-invite-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.game-invite-card{background:var(--secondary);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;width:340px;max-width:90vw;text-align:center;overflow:hidden;animation:inviteSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}@keyframes inviteSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-invite-timer{height:4px;background:#ffffff0f;overflow:hidden}.game-invite-timer-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width 1s linear;border-radius:0 4px 4px 0}.game-invite-icon{font-size:3.5rem;margin:24px 0 12px;display:block}.game-invite-title{font-size:1.3rem;font-weight:800;color:var(--text-main);margin:0 0 8px}.game-invite-text{font-size:.95rem;color:var(--text-muted);margin:0 20px 8px;line-height:1.5}.game-invite-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.game-invite-countdown{font-size:1.1rem;font-weight:700;color:#4facfe;margin-bottom:20px}.game-invite-actions{display:flex;border-top:1px solid rgba(255,255,255,.06)}.game-invite-btn{flex:1;padding:14px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.game-invite-btn.accept{background:#4ecdc426;color:#4ecdc4}.game-invite-btn.accept:hover{background:#4ecdc440}.game-invite-btn.decline{background:#ff6b6b1a;color:#ff6b6b}.game-invite-btn.decline:hover{background:#ff6b6b33}@media (max-width: 600px){.games-page-header{padding:14px 16px}.games-header-text h1{font-size:1.2rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.game-card-banner{height:90px}.game-card-icon{font-size:2.2rem}.template-grid{grid-template-columns:1fr}.manager-sidebar{width:200px;min-width:200px}.creator-meta-row{flex-direction:column}.creator-field{min-width:100%}.lobby-game-card{flex-direction:column;text-align:center}}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes headerBannerExpand{0%{max-height:0;opacity:0;padding-top:0;padding-bottom:0}to{max-height:80px;opacity:1;padding-top:10px;padding-bottom:10px}}.app-container.game-mode-active .mobile-back-btn{display:block!important}.app-container.game-mode-active .icon-btn[title=Anexar],.app-container.game-mode-active .send-btn[title=Enviar]{display:none!important}.ide-container{display:flex;flex-direction:column;height:100%;width:100%;background:#13141f;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.ide-header{display:flex;align-items:center;justify-content:space-between;height:48px;background:#1e1f2e;border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px;flex-shrink:0;gap:12px}.ide-header-left{display:flex;align-items:center;gap:14px}.ide-icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ide-icon-btn:hover{background:#ffffff1f;color:#fff}.ide-brand-badge{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:#f8fafc}.ide-logo-icon{font-size:1.2rem}.ide-active-game-pill{display:flex;align-items:center;gap:8px;background:#00c6ff14;border:1px solid rgba(0,198,255,.2);padding:4px 12px;border-radius:12px;font-size:.82rem}.ide-game-name{font-weight:600;color:#38bdf8}.ide-status-dot{font-size:.72rem;font-weight:600;padding:1px 6px;border-radius:6px}.ide-status-dot.published{background:#34d39926;color:#34d399}.ide-status-dot.private{background:#94a3b826;color:#94a3b8}.ide-header-right{display:flex;align-items:center;gap:8px}.ide-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:.83rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.ide-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.ide-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.ide-btn.secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.ide-btn.secondary:hover,.ide-btn.active{background:#38bdf826;border-color:#38bdf84d;color:#38bdf8}.ide-btn.danger{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.ide-btn.danger:hover{background:#f8717140}.ide-toast-msg{padding:4px 14px;border-radius:8px;font-size:.82rem;font-weight:600;animation:toastIn .3s ease}.ide-toast-msg.success{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.ide-toast-msg.error{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.ide-workspace{display:flex;flex:1;overflow:hidden}.ide-sidebar{width:240px;min-width:240px;background:#181926;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.ide-sidebar-section{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.06)}.ide-sidebar-section.flex-1{flex:1;overflow:hidden}.ide-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:.72rem;font-weight:800;letter-spacing:.8px;color:#64748b;background:#00000026}.ide-badge{background:#ffffff14;color:#94a3b8;padding:1px 6px;border-radius:8px;font-size:.7rem}.ide-add-file-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.2);color:#38bdf8;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease}.ide-add-file-btn:hover{background:#38bdf840}.ide-games-list{max-height:180px;overflow-y:auto;scrollbar-width:thin}.ide-game-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .15s ease;border-left:3px solid transparent}.ide-game-item:hover{background:#ffffff0a}.ide-game-item.active{background:#38bdf81a;border-left-color:#38bdf8}.ide-game-icon{font-size:1.2rem}.ide-game-info{display:flex;flex-direction:column;min-width:0}.ide-game-title{font-size:.85rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-game-sub{font-size:.7rem;color:#64748b}.ide-files-list{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:thin}.ide-file-item{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 18px;cursor:pointer;font-size:.84rem;color:#94a3b8;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ide-file-item:hover{background:#ffffff0a;color:#f1f5f9}.ide-file-item.active{background:#38bdf81f;color:#38bdf8;font-weight:600}.ide-file-icon{font-size:.95rem}.ide-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-modified-dot{color:#fbbf24;font-size:1.2rem;line-height:0}.ide-sidebar-empty{padding:16px;font-size:.8rem;color:#64748b;text-align:center}.ide-main-editor{flex:1;display:flex;flex-direction:column;background:#13141f;overflow:hidden}.ide-empty-workspace{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#64748b}.ide-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.ide-empty-workspace h3{color:#e2e8f0;margin-bottom:8px;font-size:1.2rem}.ide-empty-workspace p{max-width:420px;font-size:.9rem;line-height:1.5}.ide-editor-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.ide-tabs-bar{display:flex;background:#181926;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}.ide-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0003;border-right:1px solid rgba(255,255,255,.05);color:#64748b;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.ide-tab:hover{background:#ffffff08;color:#cbd5e1}.ide-tab.active{background:#13141f;color:#38bdf8;border-top:2px solid #38bdf8;font-weight:600}.ide-tab-dirty{color:#fbbf24;font-size:1.1rem;line-height:0}.ide-code-area{flex:1;position:relative;overflow:hidden;background:#13141f}.ide-textarea{width:100%;height:100%;background:transparent;color:#e2e8f0;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,Courier New,monospace;font-size:.88rem;line-height:1.65;padding:16px;border:none;resize:none;outline:none;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.ide-status-bar{display:flex;align-items:center;justify-content:space-between;height:24px;background:#0f172a;border-top:1px solid rgba(255,255,255,.06);padding:0 14px;font-size:.73rem;color:#64748b;-webkit-user-select:none;user-select:none}.ide-status-left,.ide-status-right{display:flex;align-items:center;gap:12px}.ide-save-state.saved{color:#34d399}.ide-save-state.unsaved{color:#fbbf24}.ide-preview-container{display:flex;flex-direction:column;height:100%;width:100%;background:#000}.ide-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1e1f2e;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#e2e8f0}.ide-preview-iframe{flex:1;width:100%;border:none;background:#111}.ide-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeInOverlay .2s ease}.ide-modal-card{background:#1e1f2e;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;width:360px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;gap:14px}.ide-modal-card h3{margin:0;font-size:1.1rem;color:#fff}.ide-modal-card p{margin:0;font-size:.85rem;color:#94a3b8}.ide-modal-input{background:#0f172acc;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 14px;border-radius:10px;font-size:.9rem;outline:none}.ide-modal-input:focus{border-color:#38bdf8}.ide-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.ide-tab-search-btn{background:transparent;border:none;color:#64748b;font-size:.8rem;font-weight:600;padding:6px 12px;cursor:pointer;margin-left:auto;transition:all .2s ease}.ide-tab-search-btn:hover,.ide-tab-search-btn.active{color:#38bdf8;background:#38bdf81a}.ide-search-bar{display:flex;align-items:center;gap:8px;background:#1e1f2e;border-bottom:1px solid rgba(255,255,255,.08);padding:6px 16px;animation:toastIn .2s ease}.ide-search-input{flex:1;max-width:280px;background:#0f172acc;border:1px solid rgba(255,255,255,.15);color:#fff;padding:4px 10px;border-radius:6px;font-size:.82rem;outline:none}.ide-search-input:focus{border-color:#38bdf8}.ide-search-count{font-size:.78rem;color:#94a3b8}.ide-search-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .15s ease}.ide-search-btn:hover{background:#ffffff26;color:#fff}.ide-search-btn.close:hover{background:#f8717133;color:#f87171}.ide-split-pane{display:flex;flex:1;overflow:hidden;position:relative}.ide-code-area{display:flex;flex:1;position:relative;background:#13141f;overflow:hidden}.ide-line-numbers{width:48px;min-width:48px;background:#181926;border-right:1px solid rgba(255,255,255,.06);color:#475569;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.85rem;line-height:1.65;padding:16px 0;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden}.ide-line-number{padding-right:12px;height:21px}.ide-code-container{flex:1;position:relative;overflow:hidden}.ide-syntax-layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:16px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,Courier New,monospace;font-size:.88rem;line-height:1.65;white-space:pre;overflow:hidden;pointer-events:none;color:#abb2bf;-moz-tab-size:2;tab-size:2}.ide-textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;color:transparent;caret-color:#38bdf8;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,Courier New,monospace;font-size:.88rem;line-height:1.65;padding:16px;border:none;resize:none;outline:none;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.ide-textarea::selection{background:#38bdf84d;color:transparent}.ide-side-preview{width:42%;min-width:320px;background:#0f172a;border-left:2px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden;animation:fadeInOverlay .2s ease}.ide-side-preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#1e1f2e;border-bottom:1px solid rgba(255,255,255,.08);font-size:.82rem;font-weight:600;color:#38bdf8}.ide-side-preview-iframe{flex:1;width:100%;border:none;background:#111}.ide-icon-btn.small{width:24px;height:24px;font-size:.75rem}