:root{--bg: #0e1116;--card: #1a1f29;--accent: #6c5ce7;--text: #e6e9ef;--muted: #8b93a3}*{box-sizing:border-box}html,body{margin:0;height:100%;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;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;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}.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}.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:200px 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}}.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}.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}.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;gap:8px;font-size:11px;color:var(--muted);padding:0 4px;align-items:center}.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{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}