:root{--bg: #0e1116;--card: #1a1f29;--accent: #6c5ce7;--text: #e6e9ef;--muted: #8b93a3}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#20283a,var(--bg));color:var(--text)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app>.card:not(.card-full){margin:auto;padding:24px}.card{width:100%;max-width:420px;background:var(--card);border:1px solid #2a3140;border-radius:18px;padding:32px;box-shadow:0 20px 60px #00000073}.card-full{max-width:none;border-radius:0;border:none;box-shadow:none;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}h1{margin:0 0 24px;font-size:26px;text-align:center}.form{display:flex;flex-direction:column;gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input{padding:12px 14px;border-radius:10px;border:1px solid #2f3848;background:#11151d;color:var(--text);font-size:15px;outline:none}input:focus{border-color:var(--accent)}button{padding:12px 16px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .05s ease,opacity .15s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#fff}.danger{background:#e05050;color:#fff}.ghost{background:transparent;border:1px solid #2f3848;color:var(--muted)}.hint{font-size:12px;color:var(--muted);text-align:center;margin:4px 0 0}.auth-title{margin-bottom:4px}.auth-tabs{display:flex;gap:8px;width:100%}.auth-tabs button{flex:1}.auth-form{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left}.auth-form input{width:100%;min-width:0}.auth-hint{text-align:left;margin-top:-6px}.auth-show-password{flex-direction:row;align-items:center;cursor:pointer}.auth-show-password input{width:auto;accent-color:var(--accent)}.auth-form .error{overflow-wrap:anywhere}.login{align-items:center;text-align:center}.login-lead{font-size:15px;color:var(--text);margin:0 0 4px}.error{color:#ff8585;font-size:13px;margin:0}.call{display:flex;flex-direction:column;gap:16px}.status{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}.dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px currentColor}.me{font-size:14px;color:var(--muted)}.controls{display:flex;gap:10px;flex-shrink:0}.controls button{flex:1}.camera-on{background:#16845b;color:#fff}.connection-warning{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#e0a526;font-size:14px}.camera-error{flex-shrink:0;margin:-6px 0 0;color:#ff8585;font-size:13px}.camera-panel{flex-shrink:0;padding:12px;border:1px solid #2f3848;border-radius:14px;background:#11151d}.camera-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.camera-panel-head>div{display:flex;min-width:0;flex-direction:column;gap:2px}.camera-panel-head small{color:var(--muted);font-size:11px}.camera-pip-button{flex:0 0 auto;padding:8px 12px;border:1px solid #445066;background:#222a38;color:var(--text);font-size:13px}.camera-pip-button:hover:not(:disabled){border-color:var(--accent);background:#2a3242}.camera-grid{display:grid;max-height:28vh;grid-template-columns:repeat(auto-fit,minmax(180px,320px));gap:10px;overflow-y:auto}.camera-tile{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;border:1px solid #303a4b;border-radius:10px;background:#080a0e}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#586174;font-size:34px}.camera-video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:transparent}.camera-video-mirrored{transform:scaleX(-1)}.camera-name{position:absolute;z-index:2;right:8px;bottom:7px;left:8px;overflow:hidden;padding:4px 7px;border-radius:6px;background:#0000009e;color:#fff;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.card-wide{max-width:820px}.card-full .call{flex:1;min-height:0}.call-head{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.call-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-btn{flex:0 0 auto;width:40px;height:40px;padding:0;display:grid;place-items:center;background:#11151d;border:1px solid #2f3848;color:var(--text);font-size:20px}.settings-btn:hover{background:#222a38;border-color:var(--accent)}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000ad}.settings-modal-inner{width:min(100%,430px);max-height:calc(100vh - 40px);overflow-y:auto;padding:22px;border:1px solid #2f3848;border-radius:16px;background:var(--card);box-shadow:0 20px 60px #00000080}.settings-title-row,.settings-range-title,.settings-range-labels{display:flex;align-items:center;justify-content:space-between}.settings-title-row{margin-bottom:22px}.settings-title-row h2{margin:0;font-size:20px}.settings-close{width:34px;height:34px;padding:0;border:1px solid #2f3848;background:transparent;color:var(--muted);font-size:24px;line-height:1}.settings-toggle{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #2a3140;color:var(--text);cursor:pointer}.settings-toggle>span:first-child{display:flex;flex-direction:column;gap:4px}.settings-toggle small,.settings-note{color:var(--muted);font-size:12px;line-height:1.4}.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;flex:0 0 auto;width:46px;height:26px;border-radius:13px;background:#343c4b;transition:background .15s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.settings-toggle input:checked+.switch{background:var(--accent)}.settings-toggle input:checked+.switch:after{transform:translate(20px)}.settings-toggle input:focus-visible+.switch{outline:2px solid white;outline-offset:2px}.noise-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.noise-preset{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:10px 12px;color:var(--text);text-align:left;background:#171d28;border:1px solid #303a4b;border-radius:9px}.noise-preset:hover{border-color:#59677c;background:#1d2532}.noise-preset small{overflow:hidden;width:100%;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.noise-preset-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,#171d28);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.settings-range{margin-top:20px;gap:10px;color:var(--text)}.settings-range small{color:var(--muted);font-size:11px;line-height:1.4}.settings-range-disabled{opacity:.45}.settings-range output{min-width:52px;color:var(--accent);font-weight:700;text-align:right}.settings-range input[type=range]{width:100%;padding:0;accent-color:var(--accent);cursor:pointer}.settings-range-labels{color:var(--muted);font-size:11px}.mic-meter{display:flex;flex-direction:column;gap:8px;margin-top:20px;color:var(--text);font-size:13px}.mic-meter-title{display:flex;align-items:center;justify-content:space-between}.mic-meter-title output{color:var(--accent);font-weight:700}.mic-meter-track{display:block;height:10px;overflow:hidden;border-radius:5px;background:#11151d;box-shadow:inset 0 0 0 1px #303a4b}.mic-meter-fill{display:block;height:100%;border-radius:inherit;background:#3ecf6b;transition:width 50ms linear}.mic-meter-fill-warning{background:#e7b93f}.mic-meter-fill-danger{background:#e05050}.mic-meter small{color:var(--muted);font-size:11px;line-height:1.4}.settings-note{margin:20px 0 0}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:stretch;flex:1;min-height:0}@media (max-width: 640px){.card-full{padding:0}.workspace{grid-template-columns:1fr}.composer{flex-wrap:wrap}.chat-input{min-width:0}.send-btn{padding:10px 12px}.icon-btn{padding:6px 8px}.controls button{font-size:13px;padding:10px 8px}.controls{flex-wrap:wrap}.controls button{min-width:calc(50% - 5px)}.camera-panel-head{align-items:stretch;flex-direction:column}.camera-grid{max-height:34vh;grid-template-columns:1fr}}.panel-title{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.panel-title .count{font-weight:600;color:var(--text)}.panel-empty{color:var(--muted);font-size:13px;margin:8px 0 0}.members-panel{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.rooms-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.rooms-panel .panel-title{margin:0}.room-list{display:flex;flex-direction:column;gap:6px}.room-item{background:#11151d;color:var(--text);text-align:left;border:1px solid #2a3140;border-radius:10px}.room-join{display:block;width:100%;padding:10px;color:inherit;background:transparent;text-align:left}.room-item:hover{background:#202638}.room-current{border-color:var(--accent);background:#26203c}.room-item-title{display:flex;gap:8px;justify-content:space-between;align-items:start}.room-item-title>span:first-child{overflow-wrap:anywhere;min-width:0}.room-item small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.room-member-names{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 8px;font-size:12px;font-weight:400;overflow-wrap:anywhere}.room-member-name{padding:4px 6px;border-radius:6px;background:#202637;max-width:100%}[data-draggable-nick]{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[data-draggable-nick]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.room-drop-target{border-color:#8e82ff;outline:2px solid #8e82ff;outline-offset:-2px;background:#352c56}.room-drop-target .room-join{color:#fff}.room-drag-help{margin:0}.room-transfer-status{color:#bcb4ff;font-size:12px;margin:0;overflow-wrap:anywhere}.member-drag-preview{position:fixed;z-index:10000;pointer-events:none;transform:translate(12px,-110%);padding:8px 12px;border-radius:8px;background:#6c5ce7;color:#fff;box-shadow:0 4px 20px #0008;font-weight:600;max-width:220px;overflow-wrap:anywhere}.room-dialog{width:min(420px,calc(100% - 24px));max-height:85dvh;border:1px solid #394357;border-radius:16px;padding:22px;background:var(--card);color:var(--text)}.room-admin-dialog{width:min(640px,calc(100% - 24px))}.room-dialog::backdrop{background:#000000a6}.room-dialog-header,.room-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-dialog-header h2{margin:0;font-size:19px;overflow-wrap:anywhere}.room-dialog-header button{padding:5px 12px}.room-dialog .error,.room-success{margin:12px 0}.room-success{color:#70d994;font-size:13px}.room-fields{display:flex;flex-direction:column;min-width:0;padding:0;border:0;margin:14px 0 0;gap:12px}.room-fields input,.room-fields select{width:100%;min-width:0}.room-fields select{padding:10px;border:1px solid #2f3848;border-radius:8px;background:#11151d;color:var(--text);font:inherit}.room-checkbox{flex-direction:row;align-items:center}.room-checkbox input{width:auto;accent-color:var(--accent)}.room-note{color:var(--muted);font-size:12px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}.room-editors{display:flex;flex-direction:column;gap:14px;margin-top:22px}.room-editor{border:1px solid #343d4e;border-radius:12px;padding:14px}.room-editor-heading strong{overflow-wrap:anywhere;min-width:0}.room-order,.room-form-actions{display:flex;gap:8px}.room-order button{padding:5px 12px}.admin-users{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #343d4e}.admin-users h3{margin:0;font-size:16px}.admin-user-search{margin-top:14px}.admin-user-list{list-style:none;padding:0;margin:12px 0 0;max-height:280px;overflow-y:auto}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2a3140}.admin-user-row>div{min-width:0;overflow-wrap:anywhere}.admin-user-row .room-note{display:block;margin:3px 0 0}.admin-user-row button{flex-shrink:0}@media (max-width: 640px){.workspace{grid-template-rows:minmax(110px,28dvh) minmax(0,1fr)}.room-dialog{padding:16px}.room-editor{padding:10px}.members-panel .members{flex:none}}.members{background:#11151d;border:1px solid #232b39;border-radius:12px;padding:10px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.member{display:flex;align-items:center;gap:9px;padding:6px;border-radius:8px}.member:hover{background:#1a212c}.member-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.member-nick{font-size:14px;word-break:break-word}.member-nick.offline{color:var(--muted)}.member-avatar{font-size:14px;margin-right:4px}.avatar-btn{cursor:pointer;font-size:18px;margin-right:6px;-webkit-user-select:none;user-select:none}.avatar-palette{position:absolute;top:100%;left:0;margin-top:4px;z-index:50;display:flex;flex-wrap:wrap;gap:4px;background:#11151d;border:1px solid #232b39;border-radius:10px;padding:8px;max-width:320px;max-height:280px;overflow-y:auto}.me{position:relative}.member-you{font-size:12px;color:var(--muted)}.member-muted{font-size:12px;margin-left:4px;vertical-align:middle}.chat-panel{display:flex;flex-direction:column;min-width:0;flex:1;min-height:0}.chat{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.messages{background:#11151d;border:1px solid #232b39;border-radius:12px;padding:12px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-empty{margin:auto;color:var(--muted);font-size:13px;text-align:center}.pinned-messages{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:35%;gap:8px;padding:10px 12px;background:#1c2535;border:1px solid #53658a;border-radius:12px}.pinned-heading{flex-shrink:0;font-size:12px;font-weight:600;color:#bdcbef}.pinned-list{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.pinned-messages .msg{max-width:100%;align-self:stretch;align-items:stretch}.msg{display:flex;flex-direction:column;gap:3px;max-width:80%;align-self:flex-start}.msg-own{align-self:flex-end;align-items:flex-end}.msg-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);padding:0 4px;align-items:center}.msg-pin{background:transparent;border:none;color:var(--muted);font:inherit;padding:3px 4px;cursor:pointer}.msg-pin:hover,.msg-pin:focus-visible{color:#bdcbef}.msg-pin:disabled,.msg-delete:disabled{cursor:default;opacity:.5}.msg-delete{background:transparent;border:none;color:var(--muted);font-size:14px;padding:0 4px;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;line-height:1}.msg:hover .msg-delete,.msg:focus-within .msg-delete{opacity:1}.msg-delete:hover{color:#e05050}.msg-nick{font-weight:600}.msg-bubble{background:#222a38;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.4;word-break:break-word}.msg-own .msg-bubble{background:var(--accent);color:#fff}.msg-text{white-space:pre-wrap}.msg-image{display:block;max-width:240px;max-height:240px;border-radius:8px}.msg-file{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-weight:600}.msg-filesize{font-weight:400;font-size:12px;opacity:.7}.emoji-picker{background:#11151d;border:1px solid #232b39;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;max-height:320px}.emoji-search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #2f3848;background:#1a1f29;color:var(--text);font-size:14px;outline:none;box-sizing:border-box}.emoji-grid{display:flex;flex-wrap:wrap;gap:4px;overflow-y:auto;max-height:250px}.emoji-section{border-bottom:1px solid #232b39;padding-bottom:6px;margin-bottom:2px}.emoji-section-label{font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:600}.emoji{background:transparent;border:none;font-size:20px;padding:4px;line-height:1}.emoji:hover{background:#222a38;border-radius:6px}.composer{display:flex;align-items:center;gap:6px}.icon-btn{background:transparent;border:1px solid #2f3848;color:var(--text);font-size:18px;padding:8px 10px;line-height:1}.chat-input{flex:1}.send-btn{padding:10px 16px}.admin-actions{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.member:hover .admin-actions{opacity:1}.admin-btn{background:transparent;border:1px solid #2f3848;color:var(--muted);font-size:14px;padding:2px 7px;line-height:1;border-radius:6px}.admin-btn:hover{background:#e05050;color:#fff;border-color:#e05050}.admin-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.admin-modal-inner{background:var(--card);border:1px solid #2a3140;border-radius:14px;padding:20px;min-width:280px;display:flex;flex-direction:column;gap:12px;align-items:center}.admin-modal-inner p{margin:0;font-size:15px}.admin-durations{display:flex;flex-direction:column;gap:6px;width:100%}.admin-duration-group{display:flex;align-items:center;gap:8px}.admin-duration-label{width:60px;font-size:13px;color:var(--muted);flex-shrink:0}.admin-duration-group .ghost{flex:1;font-size:13px;padding:8px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;cursor:zoom-out}.lightbox-img{max-width:90vw;max-height:90vh;border-radius:8px;object-fit:contain;box-shadow:0 8px 40px #0009}.lightbox-close{position:absolute;top:16px;right:20px;background:#ffffff26;border:none;color:#fff;font-size:32px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .15s ease}.lightbox-close:hover{background:#ffffff4d}@media (max-width: 640px){.emoji-picker{min-height:0;max-height:min(32dvh,240px);overflow-y:auto;overscroll-behavior:contain}.emoji-grid{max-height:none;overflow-y:visible}}@media (hover: none){.admin-actions,.msg-delete{opacity:1}}