*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.container.svelte-a318ee{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;overflow:hidden}.header.svelte-a318ee{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.header.svelte-a318ee h1:where(.svelte-a318ee){font-size:24px;margin:0 0 5px}.subtitle.svelte-a318ee{font-size:14px;opacity:.9;margin:0}.setup.svelte-a318ee{padding:30px}.input-group.svelte-a318ee{margin-bottom:20px}.input-group.svelte-a318ee label:where(.svelte-a318ee){display:block;margin-bottom:8px;color:#333;font-weight:500}.input-group.svelte-a318ee input:where(.svelte-a318ee){width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.input-group.svelte-a318ee input:where(.svelte-a318ee):focus{outline:none;border-color:#667eea}.btn-group.svelte-a318ee{display:flex;gap:10px}.btn.svelte-a318ee{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:10px}.btn.svelte-a318ee:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary.svelte-a318ee{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary.svelte-a318ee{background:#f5f5f5;color:#333}.status.svelte-a318ee{padding:10px;border-radius:8px;margin-top:20px;font-size:14px;text-align:center}.status.info.svelte-a318ee{background:#e3f2fd;color:#1976d2}.status.success.svelte-a318ee{background:#e8f5e9;color:#388e3c}.status.error.svelte-a318ee{background:#ffebee;color:#d32f2f}@media(max-width:40rem){.container.svelte-a318ee{border-radius:0;box-shadow:none;height:100vh}.btn-group.svelte-a318ee{flex-direction:column;gap:inherit}}.message.svelte-gu47ka{margin-bottom:15px;animation:svelte-gu47ka-fadeIn .3s}@keyframes svelte-gu47ka-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.svelte-gu47ka .sender:where(.svelte-gu47ka){font-weight:600;color:#667eea;margin-bottom:4px;font-size:14px}.message.svelte-gu47ka .text:where(.svelte-gu47ka){background:#fff;padding:10px 14px;border-radius:12px;display:inline-flex;max-width:80%;word-wrap:break-word;box-shadow:0 1px 3px #0000001a}.message.own.svelte-gu47ka{text-align:right}.message.own.svelte-gu47ka .sender:where(.svelte-gu47ka){color:#764ba2}.message.own.svelte-gu47ka .text:where(.svelte-gu47ka){background:#e8dff5}.message.svelte-gu47ka .text:where(.svelte-gu47ka) a{color:#667eea;text-decoration:underline}.message.svelte-gu47ka .text:where(.svelte-gu47ka) a:hover{color:#764ba2}.message .text:has(.gif){padding:0;overflow:hidden}.message.system.svelte-gu47ka{text-align:center}.message.system.svelte-gu47ka .text:where(.svelte-gu47ka){background:#e3f2fd;color:#1976d2;font-size:13px;font-style:italic}.message.svelte-gu47ka .text.emoji-only:where(.svelte-gu47ka){font-size:2.5em;padding:15px 20px;line-height:1}.emoji-picker-wrapper.svelte-pk8we7{position:relative}.emoji-button.svelte-pk8we7{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:#f5f5f5;border:none;border-radius:100px;cursor:pointer;transition:transform .2s}.emoji-button.svelte-pk8we7:hover{background:#ebebeb;border-color:#667eea}.picker-container.svelte-pk8we7{position:absolute;bottom:60px;z-index:1000;box-shadow:0 8px 24px #0003;border-radius:8px;overflow:hidden}em-emoji-picker{--rgb-background: 255, 255, 255;--rgb-input: 245, 245, 245;--rgb-color: 34, 34, 34}.gif-picker-wrapper.svelte-9xfz5r{position:relative}.gif-button.svelte-9xfz5r{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:#f5f5f5;border:none;border-radius:100px;cursor:pointer;transition:transform .2s}.gif-button.svelte-9xfz5r:hover{background:#ebebeb;border-color:#667eea}.picker-container.svelte-9xfz5r{position:absolute;left:0;bottom:60px;z-index:1000;background:#fff;box-shadow:0 8px 32px #0000002e;border-radius:16px;overflow:hidden;padding:18px 18px 12px;width:390px;min-height:320px;max-height:400px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s;animation:svelte-9xfz5r-fadeIn .18s cubic-bezier(.4,0,.2,1)}.picker-container.animate-in.svelte-9xfz5r{animation:svelte-9xfz5r-fadeIn .18s cubic-bezier(.4,0,.2,1)}@keyframes svelte-9xfz5r-fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gif-search-input.svelte-9xfz5r{padding:8px 12px;border-radius:8px;border:1px solid #e0e0e0;font-size:1rem;margin-bottom:8px;outline:none;transition:border-color .2s;background:#f8fafd;box-shadow:0 1px 2px #00000008}.gif-search-input.svelte-9xfz5r:focus{border-color:#667eea;background:#fff}.results.svelte-9xfz5r{flex:1;overflow-y:auto;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch;min-height:120px}.gif-grid.svelte-9xfz5r{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px}.gif-thumb-wrapper.svelte-9xfz5r{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.gif-thumb.svelte-9xfz5r{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;box-shadow:0 1px 4px #00000012;transition:transform .13s,box-shadow .13s;background:#f5f5f5;display:block}.gif-thumb.svelte-9xfz5r:hover{transform:scale(1.08);box-shadow:0 4px 16px #667eea2e;border:2px solid #667eea}.gif-placeholder.svelte-9xfz5r{position:absolute;top:0;left:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;z-index:1;box-shadow:0 1px 4px #00000012}.loading.svelte-9xfz5r,.no-results.svelte-9xfz5r,.hint.svelte-9xfz5r,.error.svelte-9xfz5r{text-align:center;color:#888;font-size:1rem;margin:24px 0 0}.error.svelte-9xfz5r{color:#e53e3e}.gif-thumb-btn.svelte-9xfz5r{padding:0;border:none;background:none;border-radius:8px;cursor:pointer;transition:box-shadow .13s,transform .13s;outline:none;display:flex;align-items:center;justify-content:center}.gif-thumb-btn.svelte-9xfz5r:focus{box-shadow:0 0 0 2px #667eea;z-index:1}.gif-thumb-btn.svelte-9xfz5r:active{transform:scale(.97)}@property --btnColor1{syntax: "<color>"; initial-value: #667eea; inherits: false;}@property --btnColor2{syntax: "<color>"; initial-value: #764ba2; inherits: false;}.container.svelte-11jqxum{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:850px;overflow:hidden}.header.svelte-11jqxum{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.header.svelte-11jqxum h1:where(.svelte-11jqxum){font-size:24px;margin:0 0 5px}.header.svelte-11jqxum>p:where(.svelte-11jqxum):not(:last-child){margin-bottom:4px}.room-info.svelte-11jqxum{font-size:14px;opacity:.9;margin:0;display:flex;align-items:center;justify-content:center;gap:5px}.room-id-button-container.svelte-11jqxum{position:relative}.room-id-button.svelte-11jqxum{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;padding:2px 6px;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;font-weight:600}.room-id-button.svelte-11jqxum:hover{background:#ffffff4d}.fingerprint.svelte-11jqxum{display:inline-flex;align-items:center;gap:4px;font-size:.85em;border:solid 1px white;padding:2px 6px;border-radius:4px;background-color:#fff3}.chat.svelte-11jqxum{padding:30px;position:relative}.peers-list.svelte-11jqxum{padding:10px;background:#f0f0f0;border-radius:8px;margin-bottom:20px;font-size:14px}.peers-list.svelte-11jqxum strong:where(.svelte-11jqxum){color:#667eea}.messages-wrapper.svelte-11jqxum{position:relative;margin-bottom:20px}.messages.svelte-11jqxum{height:400px;overflow-y:auto;padding:20px;background:#f9f9f9;border-radius:8px}.new-messages-indicator.svelte-11jqxum{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s;z-index:10}.new-messages-indicator.svelte-11jqxum:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0006}.input-message.svelte-11jqxum{display:flex;flex-direction:column;border-radius:1.5rem;border:solid 1px #f0f0f0}.btn-group.svelte-11jqxum{display:flex;gap:4px;width:100%;padding:8px;margin-top:12px}.input-message.svelte-11jqxum textarea:where(.svelte-11jqxum){display:flex;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none;border-style:none;min-height:44px;max-height:200px;resize:none;font-size:16px;overflow-y:auto;padding:12px 12px 16px;border-radius:8px;box-sizing:border-box;background-color:transparent}.input-message.svelte-11jqxum .send-button:where(.svelte-11jqxum){display:inline-flex;align-items:center;justify-content:center;padding:8px;background:linear-gradient(135deg,var(--btnColor1) 0%,var(--btnColor2) 100%);color:#fff;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease-in-out;transition-property:transform,--btnColor1,--btnColor2;margin-left:auto}.input-message.svelte-11jqxum .send-button:where(.svelte-11jqxum):disabled{--btnColor1: #cccccc;--btnColor2: #cccccc;pointer-events:none}.input-message.svelte-11jqxum .send-button:where(.svelte-11jqxum):hover{transform:scale(1.05)}.autocomplete.svelte-11jqxum{position:absolute;bottom:70px;left:30px;right:30px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:100}.autocomplete-item.svelte-11jqxum{display:flex;align-items:center;gap:10px;padding:10px 15px;border:none;background:#fff;width:100%;text-align:left;cursor:pointer;transition:background-color .2s}.autocomplete-item.svelte-11jqxum:hover,.autocomplete-item.selected.svelte-11jqxum{background:#f0f0ff}.emoji-preview.svelte-11jqxum{font-size:20px}.emoji-name.svelte-11jqxum{color:#667eea;font-size:14px;font-family:monospace}@media(max-width:40rem){.container.svelte-11jqxum{height:100vh;display:flex;flex-direction:column;border-radius:0;box-shadow:none}.peers-list.svelte-11jqxum{flex-shrink:0;margin-bottom:10px;white-space:nowrap;overflow-x:auto}.chat.svelte-11jqxum{display:flex;flex-direction:column;flex:1 1 auto;padding:10px;min-height:0}.messages-wrapper.svelte-11jqxum{flex:1 1 auto;overflow-y:auto;margin-bottom:10px}.messages.svelte-11jqxum{height:100%}.input-message.svelte-11jqxum{flex-shrink:0}.btn-group.svelte-11jqxum{margin-top:0}.input-message.svelte-11jqxum button:where(.svelte-11jqxum){margin-left:auto}.emoji-container.svelte-11jqxum{display:none}}.language-selector.svelte-x5ad8s{position:fixed;top:10px;right:10px;display:flex;gap:5px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:5px;border:1px solid rgba(255,255,255,.2)}.lang-btn.svelte-x5ad8s{background:transparent;border:none;color:#fff;padding:4px 8px;border-radius:15px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.lang-btn.svelte-x5ad8s:hover{background:#fff3;transform:translateY(-1px)}.lang-btn.active.svelte-x5ad8s{background:#ffffff4d;box-shadow:0 2px 8px #0003}.lang-btn.svelte-x5ad8s:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.connection-status.svelte-125hi35{display:inline-flex;font-size:.85em;padding:2px 6px;border-radius:4px}.connection-status.connected.svelte-125hi35{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.connection-status.connecting.svelte-125hi35,.connection-status.reconnecting.svelte-125hi35{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.connection-status.error.svelte-125hi35{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.connection-status-container.svelte-1n46o8q{position:fixed;top:10px;left:10px}main.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.footer.svelte-1n46o8q{margin-top:10px;padding:10px;font-size:.9em;color:#fffc;text-align:center}.footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:#fffc}@media(max-width:40rem){main.svelte-1n46o8q{padding:0}.footer.svelte-1n46o8q{display:none}}