:root{--color-primary: #667eea;--color-primary-light: #7c93e8;--color-primary-dark: #5a67d8;--color-secondary: #764ba2;--color-secondary-light: #8a5fc4;--color-secondary-dark: #6b4390;--color-background: #ffffff;--color-surface: #f8f9fa;--color-surface-variant: #e9ecef;--color-text: #333333;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-on-primary: #ffffff;--color-text-on-dark: #f8f9fa;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-border-dark: #ced4da;--color-success: #28a745;--color-success-light: #34ce57;--color-success-dark: #218838;--color-warning: #ffc107;--color-warning-light: #ffd43b;--color-warning-dark: #e0a800;--color-error: #dc3545;--color-error-light: #e74c3c;--color-error-dark: #c82333;--color-info: #17a2b8;--color-info-light: #39c0ed;--color-info-dark: #138496;--color-header-bg: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--color-card-bg: var(--color-background);--color-card-shadow: rgba(0, 0, 0, .1);--color-button-primary: var(--color-primary);--color-button-primary-hover: var(--color-primary-dark);--color-button-primary-text: var(--color-text-on-primary);--color-button-secondary: #6c757d;--color-button-secondary-hover: #5a6268;--color-button-secondary-text: var(--color-text-on-primary);--color-button-success: var(--color-success);--color-button-success-hover: var(--color-success-dark);--color-button-success-text: var(--color-text-on-primary);--color-button-danger: var(--color-error);--color-button-danger-hover: var(--color-error-dark);--color-button-danger-text: var(--color-text-on-primary);--color-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(0, 0, 0, .5);--color-overlay-dark: rgba(0, 0, 0, .85);--color-primary-alpha: rgba(102, 126, 234, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .25);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}@media(prefers-color-scheme:dark){:root{--color-primary: #7c93e8;--color-primary-light: #94a7ed;--color-primary-dark: #5a67d8;--color-secondary: #8a5fc4;--color-secondary-light: #9d74d6;--color-secondary-dark: #6b4390;--color-background: #121212;--color-surface: #1e1e1e;--color-surface-variant: #2d2d2d;--color-text: #f8f9fa;--color-text-secondary: #adb5bd;--color-text-tertiary: #6c757d;--color-text-on-primary: #ffffff;--color-text-on-dark: #f8f9fa;--color-border: #495057;--color-border-light: #6c757d;--color-border-dark: #343a40;--color-success: #34ce57;--color-success-light: #56d679;--color-success-dark: #28a745;--color-warning: #ffd43b;--color-warning-light: #ffe066;--color-warning-dark: #ffc107;--color-error: #e74c3c;--color-error-light: #f5655a;--color-error-dark: #dc3545;--color-info: #39c0ed;--color-info-light: #5bc9f5;--color-info-dark: #17a2b8;--color-header-bg: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--color-card-bg: var(--color-surface);--color-card-shadow: rgba(0, 0, 0, .3);--color-button-secondary: #6c757d;--color-button-secondary-hover: #5a6268;--color-overlay: rgba(0, 0, 0, .8);--color-overlay-light: rgba(0, 0, 0, .6);--color-overlay-dark: rgba(0, 0, 0, .9);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--color-primary-alpha: rgba(124, 147, 232, .1)}}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.bg-surface{background-color:var(--color-surface)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-dark)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background)}h1{font-size:3.2em;line-height:1.1;color:var(--color-text)}h2,h3,h4,h5,h6{color:var(--color-text)}button{border-radius:var(--border-radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button-secondary);color:var(--color-button-secondary-text);cursor:pointer;transition:all .25s}button:hover{border-color:var(--color-primary);background-color:var(--color-button-secondary-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.primary{background-color:var(--color-button-primary);color:var(--color-button-primary-text)}button.primary:hover{background-color:var(--color-button-primary-hover)}button.success{background-color:var(--color-button-success);color:var(--color-button-success-text)}button.success:hover{background-color:var(--color-button-success-hover)}button.danger{background-color:var(--color-button-danger);color:var(--color-button-danger-text)}button.danger:hover{background-color:var(--color-button-danger-hover)}#app{width:100%;height:100vh;display:flex;flex-direction:column}code,pre{font-family:Courier New,Courier,monospace;background-color:var(--color-surface-variant);padding:2px 6px;border-radius:var(--border-radius-sm);color:var(--color-text)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}input,textarea{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:.5em .8em;font-family:inherit;font-size:1em}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.nickname-modal-overlay[data-v-938f57fe]{position:fixed;inset:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.nickname-modal[data-v-938f57fe]{background-color:var(--color-card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);max-width:400px;width:90%;text-align:center}.nickname-modal h2[data-v-938f57fe]{margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.nickname-modal p[data-v-938f57fe]{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary)}.nickname-input[data-v-938f57fe]{width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:16px;box-sizing:border-box}.error[data-v-938f57fe]{color:var(--color-error);font-size:.9em;margin:var(--spacing-sm) 0}button[data-v-938f57fe]{width:100%}.modal-overlay[data-v-4ab9aac6]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal[data-v-4ab9aac6]{background:var(--color-card-bg);color:var(--color-text);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);position:relative;max-height:90vh;overflow-y:auto}.close-btn[data-v-4ab9aac6]{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem}.modal-title[data-v-4ab9aac6]{margin:0 0 var(--spacing-md)}.row[data-v-4ab9aac6]{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:.35rem}.row label[data-v-4ab9aac6]{font-size:.85em;color:var(--color-text-secondary)}.row input[data-v-4ab9aac6]{font-size:16px}.hint[data-v-4ab9aac6]{font-size:.85em;color:var(--color-text-secondary);margin:0}.pubkey[data-v-4ab9aac6]{background:var(--color-surface-variant);padding:.4rem .6rem;border-radius:var(--border-radius-sm);font-size:.8em;word-break:break-all}.actions-row[data-v-4ab9aac6]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.actions-row button[data-v-4ab9aac6]{padding:.5rem 1rem}.status[data-v-4ab9aac6]{font-size:.8em;color:var(--color-text-secondary)}.status.error[data-v-4ab9aac6]{color:var(--color-error)}.connection-status[data-v-9c383578]{display:flex;align-items:center;justify-content:space-between;background:var(--color-header-bg);color:var(--color-text-on-primary);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.status-left h1[data-v-9c383578]{margin:0;font-size:1.5em;color:#fff}.status-center[data-v-9c383578]{flex:1;display:flex;justify-content:center}.status-indicator[data-v-9c383578]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95em;font-weight:500}.dot[data-v-9c383578]{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#fff}.status-indicator.connected .dot[data-v-9c383578]{background-color:#34ce57}.status-indicator.error .dot[data-v-9c383578]{background-color:#dc3545;animation:pulse-9c383578 1s infinite}.status-indicator.connecting .dot[data-v-9c383578]{background-color:#ffc107;animation:pulse-9c383578 .6s infinite}@keyframes pulse-9c383578{0%,to{opacity:1}50%{opacity:.5}}.status-right[data-v-9c383578]{display:flex;align-items:center;gap:var(--spacing-md)}.token-display[data-v-9c383578],.nickname-display[data-v-9c383578]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9em}.nickname-button[data-v-9c383578]{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);padding:.3em .7em;font-size:.9em;cursor:pointer;transition:background .2s}.nickname-button[data-v-9c383578]:hover{background:#ffffff40}.label[data-v-9c383578]{opacity:.9}.token[data-v-9c383578]{font-family:monospace;font-weight:700;background-color:#fff3;padding:2px 8px;border-radius:4px}button.small[data-v-9c383578]{padding:.4em .8em;font-size:.85em;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}button.small[data-v-9c383578]:hover{background-color:#ffffff4d}@media(max-width:768px){.connection-status[data-v-9c383578]{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.status-left h1[data-v-9c383578]{font-size:1.05em;white-space:nowrap}.status-center[data-v-9c383578]{flex:0}.status-indicator[data-v-9c383578]{font-size:.75em}.status-right[data-v-9c383578]{gap:var(--spacing-sm);font-size:.8em}.token-display[data-v-9c383578]{display:none}.nickname-display .label[data-v-9c383578]{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}}.room-list[data-v-1bb5fec5]{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--color-border);padding:var(--spacing-md);background-color:var(--color-surface);min-width:200px;max-width:280px;overflow:hidden}@media(max-width:768px){.room-list[data-v-1bb5fec5]{max-width:100%;min-width:0;border-right:none}.create-input[data-v-1bb5fec5]{font-size:16px}.room-item[data-v-1bb5fec5]{padding:var(--spacing-md)}.join-btn[data-v-1bb5fec5]{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85em}}.room-header[data-v-1bb5fec5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.room-header h3[data-v-1bb5fec5]{margin:0;font-size:1.1em}button.small[data-v-1bb5fec5]{padding:.3em .6em;font-size:.9em}.room-create[data-v-1bb5fec5]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.create-input[data-v-1bb5fec5]{flex:1;padding:.4em .6em;font-size:.9em}.room-items[data-v-1bb5fec5]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.room-item[data-v-1bb5fec5]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background-color:var(--color-background);transition:background-color .2s;cursor:pointer}.room-item[data-v-1bb5fec5]:hover{background-color:var(--color-surface-variant)}.room-item.active[data-v-1bb5fec5]{background-color:var(--color-primary);color:var(--color-text-on-primary)}.room-info[data-v-1bb5fec5]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.room-name[data-v-1bb5fec5]{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-count[data-v-1bb5fec5]{font-size:.85em;opacity:.7;white-space:nowrap}.room-item.active .member-count[data-v-1bb5fec5]{color:var(--color-text-on-primary)}.join-btn[data-v-1bb5fec5]{padding:.2em .5em;font-size:.8em;white-space:nowrap}.error[data-v-1bb5fec5]{color:var(--color-error);font-size:.85em;padding:var(--spacing-sm);background-color:#dc35451a;border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm)}.chat-room[data-v-27af39e3]{display:flex;flex-direction:column;height:100%;flex:1;background-color:var(--color-background)}.chat-header[data-v-27af39e3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-header h2[data-v-27af39e3]{margin:0;flex:1}button.danger[data-v-27af39e3]{padding:.4em .8em;font-size:.9em}.messages[data-v-27af39e3]{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.message[data-v-27af39e3]{display:flex;animation:fadeIn-27af39e3 .2s ease-in}@keyframes fadeIn-27af39e3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.system[data-v-27af39e3]{justify-content:center;padding:var(--spacing-xs) 0}.system-message[data-v-27af39e3]{color:var(--color-text-tertiary);font-size:.9em}.chat-message[data-v-27af39e3]{max-width:80%}.chat-message.own[data-v-27af39e3]{align-self:flex-end}.message-header[data-v-27af39e3]{display:flex;gap:var(--spacing-sm);margin-bottom:2px;font-size:.85em}.nickname[data-v-27af39e3]{font-weight:600;color:var(--color-primary)}.timestamp[data-v-27af39e3]{color:var(--color-text-tertiary)}.message-body[data-v-27af39e3]{background-color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);word-wrap:break-word;white-space:pre-wrap;line-height:1.4;color:var(--color-text)}.chat-message.own .message-body[data-v-27af39e3]{background-color:var(--color-primary);color:var(--color-text-on-primary)}.chat-input-area[data-v-27af39e3]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}.chat-input[data-v-27af39e3]{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:1em;resize:vertical;max-height:150px}.chat-input-area button[data-v-27af39e3]{padding:var(--spacing-sm) var(--spacing-lg);height:fit-content}.no-room[data-v-27af39e3]{display:flex;align-items:center;justify-content:center;height:100%;flex:1;color:var(--color-text-secondary);font-size:1.2em}.mobile-only[data-v-27af39e3]{display:none}@media(max-width:768px){.mobile-only[data-v-27af39e3]{display:inline-flex}.chat-header[data-v-27af39e3]{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.chat-header h2[data-v-27af39e3]{font-size:1.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn[data-v-27af39e3],.members-btn[data-v-27af39e3]{flex-shrink:0}.messages[data-v-27af39e3]{padding:var(--spacing-sm) var(--spacing-md)}.chat-message[data-v-27af39e3]{max-width:85%}.chat-input-area[data-v-27af39e3]{padding:var(--spacing-sm);gap:var(--spacing-xs);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0))}.chat-input[data-v-27af39e3]{font-size:16px;padding:var(--spacing-sm);rows:1}.chat-input-area button[data-v-27af39e3]{padding:var(--spacing-sm) var(--spacing-md)}}.modal-overlay[data-v-6a9279ea]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal[data-v-6a9279ea]{background:var(--color-card-bg);color:var(--color-text);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);position:relative}.close-btn[data-v-6a9279ea]{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem}.close-btn[data-v-6a9279ea]:hover{color:var(--color-text)}.modal-title[data-v-6a9279ea]{margin:0 0 .25rem}.modal-token[data-v-6a9279ea]{color:var(--color-text-secondary);font-size:.9em;margin-bottom:var(--spacing-md)}.muted[data-v-6a9279ea]{color:var(--color-text-secondary);font-style:italic}.row[data-v-6a9279ea]{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:.35rem}.row label[data-v-6a9279ea]{font-size:.85em;color:var(--color-text-secondary)}input[data-v-6a9279ea],textarea[data-v-6a9279ea]{font-size:16px}.stars[data-v-6a9279ea]{display:flex;align-items:center;gap:.25rem}.star[data-v-6a9279ea]{background:transparent;border:none;cursor:pointer;font-size:1.6rem;color:var(--color-border-dark, #999);padding:0}.star.active[data-v-6a9279ea]{color:#f5b301}.clear[data-v-6a9279ea]{margin-left:auto;background:transparent;border:1px solid var(--color-border);font-size:.75em;padding:.25rem .5rem;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer}.actions[data-v-6a9279ea]{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.actions button[data-v-6a9279ea]{padding:.5rem 1.2rem}.raw[data-v-6a9279ea]{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:.8em}.raw pre[data-v-6a9279ea]{white-space:pre-wrap;word-break:break-all;background:var(--color-surface-variant);padding:.5rem;border-radius:var(--border-radius-sm)}.endorsements[data-v-6a9279ea]{margin:var(--spacing-md) 0;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.endorsements h4[data-v-6a9279ea]{margin:0 0 var(--spacing-sm);font-size:.95em;color:var(--color-text-secondary)}.endorsements ul[data-v-6a9279ea]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.9em}.endorsement-rating[data-v-6a9279ea]{color:#d49a00;font-weight:600;margin-right:.4rem}.endorsement-from[data-v-6a9279ea]{color:var(--color-text)}.endorsement-notes[data-v-6a9279ea]{color:var(--color-text-secondary)}.suspicion[data-v-6a9279ea]{margin-top:var(--spacing-md);padding:.6rem;border-radius:var(--border-radius-sm);background:#dc35451f;color:#c0392b;font-size:.85em}.member-list[data-v-1b0e2dc3]{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--color-border);padding:var(--spacing-md);background-color:var(--color-surface);min-width:180px;max-width:240px;overflow:hidden}.member-header[data-v-1b0e2dc3]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.member-header h3[data-v-1b0e2dc3]{margin:0;font-size:1.05em}.mobile-only[data-v-1b0e2dc3]{display:none}@media(max-width:768px){.member-list[data-v-1b0e2dc3]{max-width:100%;min-width:0;border-left:none}.mobile-only[data-v-1b0e2dc3]{display:inline-flex}}.member-items[data-v-1b0e2dc3]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.member-item[data-v-1b0e2dc3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background-color:var(--color-background);transition:background-color .2s;font-size:.9em}.member-item[data-v-1b0e2dc3]:hover{background-color:var(--color-surface-variant)}.member-item.clickable[data-v-1b0e2dc3]{cursor:pointer}.rating-badge[data-v-1b0e2dc3]{font-size:.75em;background:#f5b3012e;color:#d49a00;padding:1px 6px;border-radius:999px;white-space:nowrap}.rating-badge.derived[data-v-1b0e2dc3]{background:#3498db2e;color:#2477b8}.member-item.offline[data-v-1b0e2dc3]{opacity:.6}.member-info[data-v-1b0e2dc3]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.online-dot[data-v-1b0e2dc3]{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--color-success);flex-shrink:0}.online-dot.offline[data-v-1b0e2dc3]{background-color:var(--color-text-tertiary)}.member-name-block[data-v-1b0e2dc3]{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.member-name[data-v-1b0e2dc3]{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge[data-v-1b0e2dc3]{font-size:.8em;color:var(--color-primary);white-space:nowrap}.member-token[data-v-1b0e2dc3]{font-family:monospace;font-size:.8em;color:var(--color-text-tertiary);white-space:nowrap;margin-left:4px}.app-container[data-v-fad40c2a]{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%}.main-layout[data-v-fad40c2a]{display:flex;flex:1;overflow:hidden;background-color:var(--color-background)}.panel[data-v-fad40c2a]{display:flex;flex-direction:column;min-height:0}@media(max-width:768px){.main-layout[data-v-fad40c2a]{position:relative}.panel[data-v-fad40c2a]{display:none;flex:1;width:100%;max-width:100%}.app-container[data-mobile-view=rooms] .panel-rooms[data-v-fad40c2a],.app-container[data-mobile-view=chat] .panel-chat[data-v-fad40c2a],.app-container[data-mobile-view=members] .panel-members[data-v-fad40c2a]{display:flex}}