body{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}main[data-astro-cid-emdppf7g]{width:100%;max-width:1200px;margin:0 auto}:root{--bg-light: #ffffff;--text-light: #000000;--primary-light: #4169e1;--secondary-light: #8a2be2;--primary-bg-light: #f0f0f0;--secondary-bg-light: #e0e0e0;--primary-text-light: #1b1b1b;--secondary-text-light: #2c2c2c;--border-color-light: #bababa;--bg-dark: #000000;--text-dark: #ffffff;--primary-dark: #ffa500;--secondary-dark: #588157;--primary-bg-dark: #1b1b1b;--secondary-bg-dark: #2c2c2c;--primary-text-dark: #f0f0f0;--secondary-text-dark: #e0e0e0;--border-color-dark: #bababa;--bg: var(--bg-dark);--text: var(--text-dark);--primary: var(--primary-dark);--secondary: var(--secondary-dark);--primary-bg: var(--primary-bg-dark);--secondary-bg: var(--secondary-bg-dark);--primary-text: var(--primary-text-dark);--secondary-text: var(--secondary-text-dark);--border-color: var(--border-color-dark);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}.light-theme{--bg: var(--bg-light);--text: var(--text-light);--primary: var(--primary-light);--secondary: var(--secondary-light);--primary-bg: var(--primary-bg-light);--secondary-bg: var(--secondary-bg-light);--primary-text: var(--primary-text-light);--secondary-text: var(--secondary-text-light);--border-color: var(--border-color-light)}.dark-theme{--bg: var(--bg-dark);--text: var(--text-dark);--primary: var(--primary-dark);--secondary: var(--secondary-dark);--primary-bg: var(--primary-bg-dark);--secondary-bg: var(--secondary-bg-dark);--primary-text: var(--primary-text-dark);--secondary-text: var(--secondary-text-dark);--border-color: var(--border-color-dark)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:1.1rem}body{font-family:Arial,sans-serif;line-height:1.6;background-color:var(--primary-bg);color:var(--primary-text)}.navbar{display:none}.mobile-menu-button{display:block}button{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--bg);background-color:var(--primary);font-weight:500;padding:.5rem 1rem;outline:none;border-radius:.5rem;border:none;text-align:center;transition:all .3s ease}.primary-button{background-color:var(--primary)}.secondary-button{background-color:var(--secondary)}.success-button{background-color:var(--success)}.danger-button{background-color:var(--danger)}.warning-button{background-color:var(--warning)}button:hover{opacity:.8}button:active{opacity:.6}button:focus{outline:none}button:disabled{opacity:.5;cursor:not-allowed}@media screen and (min-width: 860px){.navbar{display:block}.mobile-menu-button{display:none}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.chat-component{position:relative;display:flex;flex-direction:column;height:93vh;padding:.5rem}.error-container{position:absolute;top:1rem;left:0;right:0;z-index:10}.error-message{background-color:#fcc;color:var(--danger);padding:10px;margin-bottom:10px;border-radius:5px;text-align:center;font-weight:700}.chat-container{flex-grow:1;overflow-y:auto;padding:.5rem;border-radius:.75rem}.chat-footer{display:flex;align-items:center;padding:.5rem;gap:.25rem;position:sticky;bottom:0}.chat-button{border-radius:50%;width:2.5rem;height:2.5rem}.input-container{position:relative;flex-grow:1;display:flex;align-items:center;height:100%}.chat-input{flex-grow:1;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:1rem;font-size:1rem;outline:none;height:100%}.button-text{display:none}.icon{display:flex;align-items:center;justify-content:center}.status-message{padding:.5rem;margin-bottom:1rem;text-align:center;font-style:italic;color:var(--primary)}.message-clientId{font-weight:700}.message-clientId.you{color:var(--primary)}.message-clientId.anonymous{color:var(--secondary)}.message-content{display:flex;align-items:start;justify-content:start;gap:.2rem}.message-text{flex:1;font-weight:300;word-wrap:break-word;font-size:1rem}.chat-input:disabled,.chat-button:disabled{opacity:.5;cursor:not-allowed}.end-chat-message{text-align:center;padding:.5rem 1rem;margin:1rem auto;background-color:var(--secondary);color:var(--bg);font-size:1rem;border-radius:.5rem}.shared-image{max-width:100%;height:auto;border-radius:.5rem;object-fit:contain;padding:.2rem}.image-container{width:100%;max-width:300px}.shared-video{max-width:100%;width:300px;height:auto;border-radius:.5rem;padding:.2rem}.shared-link{color:var(--primary-light);text-decoration:none;word-break:break-all}.shared-link:hover,.shared-link:focus,.shared-link:active,.shared-link:visited{text-decoration:underline;color:var(--secondary-light)}.gif-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background-color:transparent;color:var(--primary);border:none;font-size:.9rem;cursor:pointer;font-weight:700;padding:.25rem .5rem}.gif-search{position:absolute;bottom:3.5rem;left:auto;right:1rem;background-color:var(--bg);border:none;border-radius:.5rem;padding:.5rem;width:330px;height:350px;display:flex;flex-direction:column}.gif-search-input{width:100%;outline:none;padding:.5rem;margin-bottom:.5rem;border:1px solid var(--border-color);border-radius:.5rem}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;overflow-y:auto;overflow-x:hidden;justify-content:center}.gif-item{display:flex;align-items:center;justify-content:center}.gif-item img{width:100px;height:100px;object-fit:cover;cursor:pointer;border-radius:.25rem}.gif-results img:hover{opacity:.8}.share-likeminds{margin-top:1rem;padding:1rem;background-color:transparent;border-radius:8px}.share-likeminds h3{margin-bottom:.5rem;text-align:center}.share-buttons{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.share-likeminds-container{margin-top:1rem;padding:1rem;background-color:transparent;border-radius:.5rem}.disconnect-confirmation{width:100%;max-width:360px;margin:0 auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg);padding:1rem;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;z-index:1000;text-align:left}.disconnect-confirmation p{margin-bottom:1rem}.disconnect-confirmation-buttons{display:flex;justify-content:flex-end;gap:1rem}.disconnect-confirmation button{padding:.5rem 1rem;border:none;color:var(--bg);border-radius:.25rem;cursor:pointer;font-weight:700}.disconnect-confirmation button:first-of-type{background-color:var(--danger)}.disconnect-confirmation button:last-of-type{background-color:var(--success)}@media (min-width: 768px){.chat-component{height:94vh}.toggle-label{font-size:1.2rem}.end-chat-message{width:fit-content;margin:1rem auto;font-size:1.2rem}.status-message{font-size:1.2rem}.message-text{font-size:1rem}.chat-button{border-radius:.5rem;width:auto;padding:.5rem 1rem}.button-text{display:inline;margin-left:.5rem}.chat-input{border-radius:.5rem;padding:.5rem .75rem;height:100%}.image-container,.shared-video{max-width:400px;width:100%}}