.home[data-v-ee537f7f]{min-height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:0 16px}.home__header[data-v-ee537f7f]{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px}.logo[data-v-ee537f7f]{display:flex;align-items:center;gap:10px}.logo__text[data-v-ee537f7f]{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.home__main[data-v-ee537f7f]{flex:1}.tabs[data-v-ee537f7f]{display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;margin-bottom:16px}.tab[data-v-ee537f7f]{flex:1;padding:9px;border:none;background:transparent;border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.tab--active[data-v-ee537f7f]{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.form-group[data-v-ee537f7f]{margin-bottom:18px}.ttl-grid[data-v-ee537f7f]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ttl-btn[data-v-ee537f7f]{padding:9px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease}.ttl-btn--active[data-v-ee537f7f]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.ttl-btn[data-v-ee537f7f]:hover:not(.ttl-btn--active){background:var(--bg-surface);color:var(--text-primary)}.btn-full[data-v-ee537f7f]{width:100%}.created-box[data-v-ee537f7f]{margin-top:20px;display:flex;flex-direction:column;gap:14px}.created-box__title[data-v-ee537f7f]{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--success)}.secret-field[data-v-ee537f7f]{display:flex;flex-direction:column;gap:5px}.secret-value[data-v-ee537f7f]{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 8px}.secret-value__text[data-v-ee537f7f]{flex:1;font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text}.password-display[data-v-ee537f7f]{letter-spacing:.1em}.copy-hint[data-v-ee537f7f]{font-size:11px;color:var(--success);margin-top:2px}.warning-box[data-v-ee537f7f]{display:flex;gap:8px;padding:10px 12px;background:#ffb40014;border:1px solid rgba(255,180,0,.2);border-radius:var(--radius-sm);font-size:12px;color:#ffb400;line-height:1.4}.password-input-wrap[data-v-ee537f7f]{position:relative}.password-input-wrap .input[data-v-ee537f7f]{padding-right:42px}.password-toggle[data-v-ee537f7f]{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.error-text[data-v-ee537f7f]{font-size:13px;color:var(--danger);margin:-8px 0 4px}.home__footer[data-v-ee537f7f]{padding:20px 0 32px}.security-hints[data-v-ee537f7f]{display:flex;flex-direction:column;gap:8px}.hint[data-v-ee537f7f]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.slide-up-enter-active[data-v-ee537f7f]{transition:all .2s ease}.slide-up-enter-from[data-v-ee537f7f]{opacity:0;transform:translateY(8px)}.timer-badge[data-v-c4fb0b9c]{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:all .3s ease}.timer--ok[data-v-c4fb0b9c]{background:#3ddc971a;color:#3ddc97;border:1px solid rgba(61,220,151,.2)}.timer--warning[data-v-c4fb0b9c]{background:#ffb4001a;color:#ffb400;border:1px solid rgba(255,180,0,.2)}.timer--critical[data-v-c4fb0b9c]{background:#ff4d6d1f;color:#ff4d6d;border:1px solid rgba(255,77,109,.25);animation:pulse-c4fb0b9c 1s ease-in-out infinite}.timer--expired[data-v-c4fb0b9c]{background:#ff4d6d14;color:#ff4d6d;border:1px solid rgba(255,77,109,.15);opacity:.7}@keyframes pulse-c4fb0b9c{0%,to{opacity:1}50%{opacity:.6}}.bubble-wrap[data-v-2871c5ed]{display:flex;justify-content:flex-start;padding:2px 16px;animation:msgIn-2871c5ed .15s ease forwards}.bubble-wrap--own[data-v-2871c5ed]{justify-content:flex-end}@keyframes msgIn-2871c5ed{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bubble[data-v-2871c5ed]{max-width:72%;padding:10px 14px;border-radius:16px;position:relative}.bubble--other[data-v-2871c5ed]{background:var(--msg-other-bg);border:1px solid var(--msg-other-border);border-bottom-left-radius:4px}.bubble--own[data-v-2871c5ed]{background:var(--msg-own-bg);border:1px solid var(--msg-own-border);border-bottom-right-radius:4px}.bubble__sender[data-v-2871c5ed]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sender-id[data-v-2871c5ed]{font-size:11px;font-weight:600;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em}.bubble--own .sender-id[data-v-2871c5ed]{color:#5b5bff99}.bubble__time[data-v-2871c5ed]{font-size:10px;color:var(--text-muted);margin-left:auto}.bubble__text[data-v-2871c5ed]{font-size:14px;line-height:1.5;color:var(--text-primary);word-break:break-word;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.no-drag[data-v-2871c5ed]{-webkit-user-drag:none}.file-attach[data-v-feafeb02]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;max-width:300px;cursor:default}.file-attach--other[data-v-feafeb02]{background:var(--msg-other-bg);border:1px solid var(--msg-other-border)}.file-attach--own[data-v-feafeb02]{background:var(--msg-own-bg);border:1px solid var(--msg-own-border)}.file-attach__icon[data-v-feafeb02]{color:var(--text-muted);flex-shrink:0}.file-attach__info[data-v-feafeb02]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-attach__name[data-v-feafeb02]{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.file-attach__size[data-v-feafeb02]{font-size:11px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.file-attach__download[data-v-feafeb02]{flex-shrink:0;color:var(--accent)}.file-attach__download[data-v-feafeb02]:hover{background:var(--accent-dim)}.room[data-v-9d0e9ca5]{height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.room-header[data-v-9d0e9ca5]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.room-header__left[data-v-9d0e9ca5]{display:flex;align-items:center;gap:10px;min-width:0}.room-id-display[data-v-9d0e9ca5]{display:flex;flex-direction:column;min-width:0}.room-id-label[data-v-9d0e9ca5]{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.room-id-value[data-v-9d0e9ca5]{font-size:12px;color:var(--text-secondary);max-width:150px}.room-header__right[data-v-9d0e9ca5]{display:flex;align-items:center;gap:10px;flex-shrink:0}.participant-badge[data-v-9d0e9ca5]{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;font-size:11px;color:var(--text-muted)}.ws-indicator[data-v-9d0e9ca5]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ws--on[data-v-9d0e9ca5]{background:var(--success);box-shadow:0 0 6px var(--success)}.ws--off[data-v-9d0e9ca5]{background:var(--text-muted)}.connecting-screen[data-v-9d0e9ca5],.state-screen[data-v-9d0e9ca5]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:14px}.state-screen__title[data-v-9d0e9ca5]{font-size:16px;font-weight:500;color:var(--text-primary)}.spinner--lg[data-v-9d0e9ca5]{width:32px;height:32px;border-width:3px}.messages[data-v-9d0e9ca5]{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.messages-empty[data-v-9d0e9ca5]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--text-muted);font-size:13px;text-align:center;padding:20px}.file-wrap[data-v-9d0e9ca5]{display:flex;justify-content:flex-start;padding:2px 16px}.file-wrap--own[data-v-9d0e9ca5]{justify-content:flex-end}.composer[data-v-9d0e9ca5]{flex-shrink:0;background:var(--bg-surface);border-top:1px solid var(--border);padding:10px 12px}.file-preview[data-v-9d0e9ca5]{display:flex;align-items:center;gap:7px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);margin-bottom:8px}.file-preview span[data-v-9d0e9ca5]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer__row[data-v-9d0e9ca5]{display:flex;align-items:flex-end;gap:8px}.composer__attach[data-v-9d0e9ca5]{flex-shrink:0;color:var(--text-muted)}.composer__input[data-v-9d0e9ca5]{flex:1;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font);resize:none;overflow:hidden;line-height:1.4;transition:border-color .15s;min-height:40px;max-height:120px;-webkit-user-select:text;user-select:text}.composer__input[data-v-9d0e9ca5]:focus{outline:none;border-color:var(--border-focus)}.composer__input[data-v-9d0e9ca5]::placeholder{color:var(--text-muted)}.composer__send[data-v-9d0e9ca5]{flex-shrink:0;width:40px;height:40px;padding:0;border-radius:50%}.notfound[data-v-8b98137e]{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.notfound__code[data-v-8b98137e]{font-size:72px;font-weight:800;color:var(--border);line-height:1}.notfound__text[data-v-8b98137e]{color:var(--text-secondary);font-size:16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0f;--bg-surface: #17171a;--bg-elevated: #1f1f24;--bg-input: #252529;--border: #2e2e35;--border-focus:#4a4aff;--text-primary: #e8e8f0;--text-secondary: #7f7f99;--text-muted: #4a4a5a;--accent: #5b5bff;--accent-hover:#7070ff;--accent-dim: rgba(91,91,255,.15);--danger: #ff4d6d;--danger-dim: rgba(255,77,109,.12);--success: #3ddc97;--msg-own-bg: #1e1e4a;--msg-own-border: rgba(91,91,255,.3);--msg-other-bg: #1e1e24;--msg-other-border: rgba(255,255,255,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--transition: .15s ease}html,body{height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{height:100%;display:flex;flex-direction:column}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition),transform var(--transition),opacity var(--transition);white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,77,109,.2)}.btn-danger:hover:not(:disabled){background:#ff4d6d33}.btn-icon{padding:8px;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm)}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary)}.input{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font);transition:border-color var(--transition)}.input:focus{outline:none;border-color:var(--border-focus)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500}.badge-success{background:#3ddc971f;color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary)}.divider{height:1px;background:var(--border);margin:20px 0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .2s ease forwards}.text-muted{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 20px;font-size:13px;color:var(--text-primary);z-index:1000;box-shadow:var(--shadow-md);animation:fadeIn .2s ease forwards;pointer-events:none}.no-drag{-webkit-user-drag:none;user-drag:none}@media print{body{display:none!important}}