.login-container.svelte-8ukb9p{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark-bg-primary) 0%,var(--dark-bg-secondary) 100%);padding:1rem}.login-box.svelte-8ukb9p{background:#14141e40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:2.5rem;border-radius:16px;width:100%;max-width:420px;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.logo.svelte-8ukb9p{height:320px;margin-bottom:2rem;filter:invert(1) drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:svelte-8ukb9p-logoFadeIn .6s ease-out}@keyframes svelte-8ukb9p-logoFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tabs.svelte-8ukb9p{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.tab-btn.svelte-8ukb9p{flex:1;padding:.75rem 1rem;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-weight:600;border-bottom:3px solid transparent;transition:all .3s;margin-bottom:-2px}.tab-btn.svelte-8ukb9p:hover{color:var(--accent)}.tab-btn.active.svelte-8ukb9p{color:var(--accent);border-bottom-color:var(--accent)}input.svelte-8ukb9p{width:100%;padding:1rem;font-size:1.1rem;border-radius:12px;border:none;background:var(--bg-tertiary);color:#fff;margin-bottom:1rem}input.svelte-8ukb9p:disabled{opacity:.6;cursor:not-allowed}.join-btn.svelte-8ukb9p{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:12px;cursor:pointer;margin-bottom:1.5rem;transition:all .3s}.join-btn.svelte-8ukb9p:hover:not(:disabled){background:var(--accent-hover, #4752c4);transform:translateY(-2px);box-shadow:0 8px 20px #5865f24d}.join-btn.svelte-8ukb9p:disabled{opacity:.6;cursor:not-allowed}.qr-btn.svelte-8ukb9p{background:transparent;color:var(--text-secondary);border:2px dashed var(--border);padding:.9rem 1.5rem;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s;width:100%}.qr-btn.svelte-8ukb9p:hover{border-color:var(--accent);color:var(--accent);background:#5865f21a}.hub-btn.svelte-8ukb9p{background:transparent;color:var(--text-secondary);border:2px dashed var(--border);padding:.9rem 1.5rem;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s;width:100%;display:block;margin-top:1rem;text-decoration:none}.hub-btn.svelte-8ukb9p:hover{border-color:var(--accent);color:var(--accent);background:#5865f21a}.error-message.svelte-8ukb9p{background:#ef44441a;border:1px solid rgb(239,68,68);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.qr-overlay.svelte-8ukb9p{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qr-modal.svelte-8ukb9p{background:#14141e4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:2rem;border-radius:20px;text-align:center;max-width:90%;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.qr-modal.svelte-8ukb9p h2:where(.svelte-8ukb9p){margin:0 0 1.5rem;color:var(--accent);font-size:1.5rem}.url.svelte-8ukb9p{font-family:Consolas,monospace;font-size:.85rem;word-break:break-all;margin:1rem 0;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem;border-radius:8px}.room-input.svelte-8ukb9p input:where(.svelte-8ukb9p){width:100%;padding:.9rem;border-radius:12px;border:none;background:var(--bg-tertiary);color:#fff;margin:1rem 0;font-size:1rem}.qr-actions.svelte-8ukb9p button:where(.svelte-8ukb9p){padding:.75rem 1.5rem;margin:.5rem;border:none;border-radius:12px;cursor:pointer;font-weight:600}.qr-actions.svelte-8ukb9p button:where(.svelte-8ukb9p):first-child{background:var(--accent);color:#fff}.qr-actions.svelte-8ukb9p button:where(.svelte-8ukb9p):last-child{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.login-container.svelte-8ukb9p{padding:1rem}.login-box.svelte-8ukb9p{padding:1.5rem;border-radius:12px}.logo.svelte-8ukb9p{height:180px;margin-bottom:1rem}input.svelte-8ukb9p{padding:.875rem;font-size:16px;border-radius:10px;min-height:48px}.join-btn.svelte-8ukb9p{padding:.875rem;font-size:1.1rem;min-height:48px}.tabs.svelte-8ukb9p{gap:.25rem}.tab-btn.svelte-8ukb9p{padding:.5rem .75rem;font-size:.85rem}}.screen-share-container.svelte-1wjmjwh{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.header.svelte-1wjmjwh{padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.header-left.svelte-1wjmjwh{display:flex;align-items:center;gap:1rem}.header.svelte-1wjmjwh h2:where(.svelte-1wjmjwh){font-size:1.25rem;margin:0}.back-btn.svelte-1wjmjwh{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:0;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.back-btn.svelte-1wjmjwh:hover{background:var(--bg-hover);transform:translate(-2px)}.stop-btn.svelte-1wjmjwh{background:var(--error)}.stop-btn.svelte-1wjmjwh:hover{background:var(--color-danger-hover)}.error.svelte-1wjmjwh{padding:1rem;background:#ff4a4a1a;color:var(--error);border-left:3px solid var(--error);margin:1rem}.screens.svelte-1wjmjwh{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;align-content:start}.screen-item.svelte-1wjmjwh{background:var(--bg-secondary);border-radius:0;overflow:hidden;border:none}.screen-header.svelte-1wjmjwh{padding:.75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.badge.svelte-1wjmjwh{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:0;font-size:.85rem;font-weight:600}.username.svelte-1wjmjwh{font-weight:600;color:var(--accent)}video.svelte-1wjmjwh{width:100%;aspect-ratio:16 / 9;background:#000;display:block}.empty-state.svelte-1wjmjwh{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state.svelte-1wjmjwh p:where(.svelte-1wjmjwh){margin-bottom:.5rem}.hint.svelte-1wjmjwh{font-size:.85rem;color:var(--text-secondary);opacity:.7}.storage-settings.svelte-1tflaho{padding:1.5rem;max-width:700px}.header.svelte-1tflaho{margin-bottom:2rem}.header.svelte-1tflaho h3:where(.svelte-1tflaho){font-size:1.5rem;margin:0 0 .5rem}.subtitle.svelte-1tflaho{color:var(--text-secondary);font-size:.9rem;margin:0}.setting-group.svelte-1tflaho{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.toggle-setting.svelte-1tflaho{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;font-size:1.05rem}.toggle-setting.svelte-1tflaho input[type=checkbox]:where(.svelte-1tflaho){width:20px;height:20px;cursor:pointer}.hint.svelte-1tflaho{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin:.5rem 0 0}.stats-panel.svelte-1tflaho{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.stat.svelte-1tflaho{text-align:center}.stat-label.svelte-1tflaho{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value.svelte-1tflaho{font-size:1.5rem;font-weight:600;color:var(--accent)}label.svelte-1tflaho{display:flex;flex-direction:column;gap:.5rem}.label.svelte-1tflaho{font-weight:500;font-size:.95rem}select.svelte-1tflaho{padding:.5rem;border:none;border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem}.number-input-group.svelte-1tflaho{display:flex;align-items:center;gap:.5rem}.number-input-group.svelte-1tflaho input:where(.svelte-1tflaho){width:80px;padding:.5rem;border:none;border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.unit.svelte-1tflaho{color:var(--text-secondary);font-size:.9rem}.archives-section.svelte-1tflaho{margin-top:1.5rem}.section-header.svelte-1tflaho{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header.svelte-1tflaho h4:where(.svelte-1tflaho){font-size:1.1rem;margin:0}.archive-list.svelte-1tflaho{display:flex;flex-direction:column;gap:.5rem}.archive-item.svelte-1tflaho{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:6px;border:none}.archive-info.svelte-1tflaho{display:flex;flex-direction:column;gap:.25rem}.archive-period.svelte-1tflaho{font-weight:600;font-size:.95rem}.archive-meta.svelte-1tflaho{font-size:.8rem;color:var(--text-secondary)}.archive-actions.svelte-1tflaho{display:flex;gap:.5rem}.btn-icon.svelte-1tflaho{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.btn-icon.svelte-1tflaho:hover{background:#0000000d}.btn-icon.danger.svelte-1tflaho:hover{background:#dc26261a}.btn-small.svelte-1tflaho{padding:.4rem .8rem;font-size:.85rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.btn-small.svelte-1tflaho:hover{opacity:.9}.empty-state.svelte-1tflaho{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.actions.svelte-1tflaho{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-danger.svelte-1tflaho{padding:.6rem 1.2rem;background:var(--color-danger-hover);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-danger.svelte-1tflaho:hover{background:var(--color-danger-dark)}.tauri-section.svelte-1tflaho{background:linear-gradient(135deg,#5865f20d,#5865f205);border:1px solid rgba(88,101,242,.2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.tauri-actions.svelte-1tflaho{display:flex;flex-direction:column;gap:.75rem}.btn-primary.svelte-1tflaho{padding:.6rem 1.2rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;width:100%;text-align:left}.btn-primary.svelte-1tflaho:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-primary.svelte-1tflaho:disabled{opacity:.6;cursor:not-allowed}.divider.svelte-1tflaho{height:1px;background:var(--border);margin:2rem 0}.path.svelte-1tflaho{display:block;margin-top:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border-radius:4px;font-size:.8rem;word-break:break-all;color:var(--accent);font-family:Courier New,monospace}.modal-overlay.svelte-uggdq4{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.svelte-uggdq4{background:var(--modal-bg);border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 32px 0 var(--shadow-lg);overflow:hidden;border:var(--modal-border)}.modal-header.svelte-uggdq4{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background-color:var(--modal-header-bg);border-bottom:var(--modal-border)}.modal-header.svelte-uggdq4 h2:where(.svelte-uggdq4){margin:0;font-size:1.25rem;font-weight:600;color:var(--modal-text)}.close-btn.svelte-uggdq4{background:none;border:none;font-size:1.75rem;color:var(--modal-text-secondary);cursor:pointer;line-height:1;padding:0}.close-btn.svelte-uggdq4:hover{color:var(--modal-text)}.modal-body.svelte-uggdq4{padding:2rem 1.5rem;color:var(--modal-text);text-align:center}.instructions.svelte-uggdq4{margin:0 0 1.5rem;color:var(--text-secondary)}.choose-file-btn.svelte-uggdq4{padding:1rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-bottom:1.5rem}.choose-file-btn.svelte-uggdq4:hover{background:var(--accent-hover)}.preview-container.svelte-uggdq4{display:flex;justify-content:center;margin-bottom:1rem}.avatar-preview.svelte-uggdq4{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.error.svelte-uggdq4{color:var(--color-danger);margin-top:1rem}.modal-footer.svelte-uggdq4{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:var(--modal-border);background-color:var(--modal-header-bg)}.cancel-btn.svelte-uggdq4,.confirm-btn.svelte-uggdq4{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.cancel-btn.svelte-uggdq4{background:var(--ui-bg-light);color:var(--text-primary)}.cancel-btn.svelte-uggdq4:hover{background-color:var(--bg-hover)}.confirm-btn.svelte-uggdq4{background:var(--accent);color:#fff}.confirm-btn.svelte-uggdq4:hover:not(:disabled){background:var(--accent-hover)}.confirm-btn.svelte-uggdq4:disabled{opacity:.5;cursor:not-allowed}.color-picker-wrapper.svelte-13rslnh{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--ui-bg-lighter);border-radius:6px;border:1px solid rgba(var(--accent-rgb),.2)}.picker-header.svelte-13rslnh{display:flex;justify-content:space-between;align-items:center}.picker-label.svelte-13rslnh{font-size:.85rem;font-weight:600;color:var(--text-primary)}.picker-controls.svelte-13rslnh{display:flex;align-items:center;gap:.5rem}.color-preview.svelte-13rslnh{width:36px;height:36px;border-radius:4px;border:2px solid rgba(var(--accent-rgb),.3);cursor:pointer;transition:transform .2s}.color-preview.svelte-13rslnh:hover{transform:scale(1.05);border-color:var(--accent-hex)}.color-button.svelte-13rslnh{padding:.4rem .8rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.color-button.svelte-13rslnh:hover{border-color:var(--accent-hex);background:var(--bg-hover)}.picker-content.svelte-13rslnh{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(var(--accent-rgb),.1)}.native-color-picker.svelte-13rslnh{width:100%;height:100px;border:none;border-radius:4px;cursor:pointer}.hex-input-group.svelte-13rslnh{display:flex;gap:.5rem;align-items:center}.hex-input-group.svelte-13rslnh label:where(.svelte-13rslnh){font-size:.8rem;color:var(--text-secondary);min-width:35px}.hex-input.svelte-13rslnh{flex:1;padding:.4rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px;font-size:.8rem;font-family:monospace;transition:all .2s}.hex-input.svelte-13rslnh:focus{outline:none;border-color:var(--accent-hex);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)}.gradient-editor-wrapper.svelte-8qqfyz{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--ui-bg-lighter);border-radius:6px;border:1px solid rgba(var(--accent-rgb),.2)}.editor-header.svelte-8qqfyz{display:flex;justify-content:space-between;align-items:center}.editor-label.svelte-8qqfyz{font-size:.85rem;font-weight:600;color:var(--text-primary)}.toggle-btn.svelte-8qqfyz{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:color .2s}.toggle-btn.svelte-8qqfyz:hover{color:var(--text-primary)}.gradient-preview.svelte-8qqfyz{height:60px;border-radius:4px;border:1px solid rgba(var(--accent-rgb),.2);transition:all .2s}.editor-content.svelte-8qqfyz{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(var(--accent-rgb),.1)}.color-row.svelte-8qqfyz{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.angle-control.svelte-8qqfyz{display:flex;flex-direction:column;gap:.4rem}.angle-control.svelte-8qqfyz label:where(.svelte-8qqfyz){font-size:.8rem;color:var(--text-secondary);font-weight:500}.angle-slider.svelte-8qqfyz{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.angle-slider.svelte-8qqfyz::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-hex);cursor:pointer;transition:all .2s;border:2px solid var(--bg-secondary)}.angle-slider.svelte-8qqfyz::-webkit-slider-thumb:hover{transform:scale(1.2)}.angle-slider.svelte-8qqfyz::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-hex);cursor:pointer;border:2px solid var(--bg-secondary);transition:all .2s}.angle-slider.svelte-8qqfyz::-moz-range-thumb:hover{transform:scale(1.2)}.preset-buttons.svelte-8qqfyz{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.preset-btn.svelte-8qqfyz{padding:.4rem .6rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.preset-btn.svelte-8qqfyz:hover{border-color:var(--accent-hex);background:var(--bg-hover)}.preset-btn.svelte-8qqfyz:active{transform:scale(.98)}.preview-wrapper.svelte-1mawfn1{padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(var(--accent-rgb),.2);overflow:hidden}.preview-container.svelte-1mawfn1{display:flex;flex-direction:column;gap:1.5rem}.preview-header.svelte-1mawfn1{text-align:center;border-bottom:1px solid rgba(var(--accent-rgb),.1);padding-bottom:1rem}.preview-header.svelte-1mawfn1 h3:where(.svelte-1mawfn1){margin:0 0 .25rem;color:var(--text-primary);font-size:1.1rem}.preview-header.svelte-1mawfn1 p:where(.svelte-1mawfn1){margin:0;color:var(--text-secondary);font-size:.85rem}.preview-chat.svelte-1mawfn1{display:flex;flex-direction:column;gap:.75rem;min-height:120px}.chat-message.svelte-1mawfn1{display:flex;justify-content:flex-start;margin-bottom:.5rem}.chat-message.own.svelte-1mawfn1{justify-content:flex-end}.message-bubble.svelte-1mawfn1{max-width:70%;padding:.75rem 1rem;background:var(--ui-bg-lighter);border-radius:8px;border:1px solid rgba(var(--accent-rgb),.1)}.chat-message.own.svelte-1mawfn1 .message-bubble:where(.svelte-1mawfn1){background:var(--accent-hex);color:#fff;border-color:transparent}.message-author.svelte-1mawfn1{display:block;font-size:.75rem;font-weight:600;margin-bottom:.25rem;opacity:.7}.message-bubble.svelte-1mawfn1 p:where(.svelte-1mawfn1){margin:0;font-size:.9rem;line-height:1.4}.swatches.svelte-1mawfn1{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem;background:rgba(var(--accent-rgb),.05);border-radius:6px}.swatch.svelte-1mawfn1{display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center}.swatch-color.svelte-1mawfn1{width:48px;height:48px;border-radius:4px;border:1px solid rgba(var(--accent-rgb),.2);box-shadow:0 2px 8px #0000001a}.swatch.svelte-1mawfn1 span:where(.svelte-1mawfn1){font-size:.7rem;color:var(--text-secondary);font-weight:500}.ui-elements.svelte-1mawfn1{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;background:rgba(var(--accent-rgb),.05);border-radius:6px}.preview-button.svelte-1mawfn1{padding:.6rem 1rem;background:var(--accent-hex);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.preview-button.svelte-1mawfn1:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.preview-input.svelte-1mawfn1{padding:.6rem .8rem;background:var(--ui-bg-lighter);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px;font-size:.8rem;transition:all .2s}.preview-input.svelte-1mawfn1:focus{outline:none;border-color:var(--accent-hex);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)}.preview-badge.svelte-1mawfn1{padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;text-align:center}.preview-badge.success.svelte-1mawfn1{background:#10b98133;color:var(--color-success)}.preview-badge.danger.svelte-1mawfn1{background:#ef444433;color:var(--color-danger)}.background-editor.svelte-7fxy24{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:16px}h3.svelte-7fxy24{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.description.svelte-7fxy24{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}.upload-section.svelte-7fxy24{display:flex;flex-direction:column;gap:8px}.upload-button.svelte-7fxy24{display:inline-block;background:var(--accent);color:#fff;padding:12px 16px;border-radius:6px;cursor:pointer;text-align:center;font-weight:500;transition:opacity .2s}.upload-button.svelte-7fxy24:hover{opacity:.9}input[type=file].svelte-7fxy24{display:none}.error-message.svelte-7fxy24{color:#ff6b6b;font-size:.875rem;margin:0}.settings-section.svelte-7fxy24{display:flex;flex-direction:column;gap:12px}.preview-section.svelte-7fxy24{margin-bottom:12px}.preview-label.svelte-7fxy24{margin:0 0 8px;font-size:.875rem;color:var(--text-secondary);font-weight:500}.preview-box.svelte-7fxy24{border:1px solid var(--bg-tertiary);border-radius:6px;height:150px;position:relative;overflow:hidden}.preview-overlay.svelte-7fxy24{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.controls-section.svelte-7fxy24{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:var(--bg-primary);border-radius:6px;padding:12px}.control-group.svelte-7fxy24{display:flex;flex-direction:column;gap:4px}label.svelte-7fxy24{font-size:.875rem;font-weight:500;color:var(--text-secondary)}input[type=range].svelte-7fxy24{cursor:pointer;accent-color:var(--accent)}select.svelte-7fxy24{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);padding:8px 12px;font-size:.875rem;cursor:pointer;transition:border-color .2s}select.svelte-7fxy24:hover{border-color:var(--accent)}select.svelte-7fxy24:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-hex, 100, 150, 255),.1)}.button-group.svelte-7fxy24{display:flex;gap:8px}.btn.svelte-7fxy24{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary.svelte-7fxy24{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary.svelte-7fxy24:hover{background:var(--bg-hover)}@media (max-width: 640px){.controls-section.svelte-7fxy24{grid-template-columns:1fr}.button-group.svelte-7fxy24{flex-direction:column}.btn.svelte-7fxy24{width:100%}}.theme-customizer.svelte-1xm6n82{background:var(--bg-secondary);border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;overflow:hidden}.customizer-header.svelte-1xm6n82{padding:1rem;background:var(--ui-bg-lighter);border-bottom:1px solid rgba(var(--accent-rgb),.1);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.customizer-header.svelte-1xm6n82:hover{background:var(--ui-bg-light)}.customizer-header.svelte-1xm6n82 h3:where(.svelte-1xm6n82){margin:0;color:var(--text-primary);font-size:1rem}.expand-icon.svelte-1xm6n82{color:var(--text-secondary);transition:transform .2s}.customizer-content.svelte-1xm6n82{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;animation:svelte-1xm6n82-slideDown .3s ease-out}@keyframes svelte-1xm6n82-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section.svelte-1xm6n82 h4:where(.svelte-1xm6n82){margin:0 0 1rem;color:var(--text-primary);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.color-grid.svelte-1xm6n82{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.gradient-grid.svelte-1xm6n82{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.preview-section.svelte-1xm6n82,.actions-section.svelte-1xm6n82{border-top:1px solid rgba(var(--accent-rgb),.1);padding-top:2rem}.action-buttons.svelte-1xm6n82{display:flex;flex-direction:column;gap:1rem}.btn.svelte-1xm6n82{padding:.75rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn.svelte-1xm6n82:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-1xm6n82{background:var(--accent-hex);color:#fff}.btn-primary.svelte-1xm6n82:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.btn-secondary.svelte-1xm6n82{background:var(--ui-bg-lighter);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.2)}.btn-secondary.svelte-1xm6n82:hover:not(:disabled){border-color:var(--accent-hex);background:var(--ui-bg-light)}.btn-warning.svelte-1xm6n82{background:#f9731633;color:#f97316;border:1px solid #f97316}.btn-warning.svelte-1xm6n82:hover:not(:disabled){background:#f973164d}.btn-danger.svelte-1xm6n82{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.btn-danger.svelte-1xm6n82:hover:not(:disabled){background:#ef44444d}.import-export-group.svelte-1xm6n82{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.confirm-dialog.svelte-1xm6n82{padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:var(--text-primary)}.confirm-dialog.svelte-1xm6n82 p:where(.svelte-1xm6n82){margin:0 0 1rem;font-size:.9rem}.confirm-buttons.svelte-1xm6n82{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.font-customizer.svelte-1po710e{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:16px}h3.svelte-1po710e{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.description.svelte-1po710e{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}.preview-section.svelte-1po710e{margin-bottom:16px}.preview-label.svelte-1po710e{margin:0 0 8px;font-size:.875rem;color:var(--text-secondary);font-weight:500}.preview-box.svelte-1po710e{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:12px;text-align:center;min-height:2em;display:flex;align-items:center;justify-content:center}.controls-section.svelte-1po710e{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.control-group.svelte-1po710e{display:flex;flex-direction:column;gap:4px}label.svelte-1po710e{font-size:.875rem;font-weight:500;color:var(--text-secondary)}select.svelte-1po710e{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);padding:8px 12px;font-size:.875rem;cursor:pointer;transition:border-color .2s}select.svelte-1po710e:hover{border-color:var(--accent)}select.svelte-1po710e:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-hex, 100, 150, 255),.1)}.button-group.svelte-1po710e{display:flex;gap:8px}.btn.svelte-1po710e{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary.svelte-1po710e{background:var(--accent);color:#fff}.btn-primary.svelte-1po710e:hover:not(:disabled){opacity:.9}.btn-secondary.svelte-1po710e{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary.svelte-1po710e:hover:not(:disabled){background:var(--bg-hover)}.btn.svelte-1po710e:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.controls-section.svelte-1po710e{grid-template-columns:1fr}.button-group.svelte-1po710e{flex-direction:column}.btn.svelte-1po710e{width:100%}}.uniform-font-mode.svelte-1oi861i{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:16px}h3.svelte-1oi861i{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.description.svelte-1oi861i{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}.toggle-section.svelte-1oi861i{margin-bottom:16px}.toggle-label.svelte-1oi861i{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary);font-size:.9rem}input[type=checkbox].svelte-1oi861i{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.font-settings.svelte-1oi861i{background:var(--bg-primary);border-radius:6px;padding:12px;margin-bottom:12px}.preview-section.svelte-1oi861i{margin-bottom:12px}.preview-label.svelte-1oi861i{margin:0 0 8px;font-size:.875rem;color:var(--text-secondary);font-weight:500}.preview-box.svelte-1oi861i{border:1px solid var(--bg-tertiary);border-radius:6px;padding:12px;text-align:center;min-height:2em;display:flex;align-items:center;justify-content:center}.controls-section.svelte-1oi861i{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.control-group.svelte-1oi861i{display:flex;flex-direction:column;gap:4px}label.svelte-1oi861i{font-size:.875rem;font-weight:500;color:var(--text-secondary)}select.svelte-1oi861i{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);padding:8px 12px;font-size:.875rem;cursor:pointer;transition:border-color .2s}select.svelte-1oi861i:hover{border-color:var(--accent)}select.svelte-1oi861i:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-hex, 100, 150, 255),.1)}.btn.svelte-1oi861i{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.btn-primary.svelte-1oi861i{background:var(--accent);color:#fff}.btn-primary.svelte-1oi861i:hover:not(:disabled){opacity:.9}.btn.svelte-1oi861i:disabled{opacity:.5;cursor:not-allowed}.toast.svelte-1oi861i{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;border-radius:6px;font-size:.875rem;font-weight:500;animation:svelte-1oi861i-slideUp .3s ease-out}.toast-success.svelte-1oi861i{background:#10b98126;border:1px solid #10b981;color:#10b981}.toast-error.svelte-1oi861i{background:#ef444426;border:1px solid #ef4444;color:#ef4444}.toast-icon.svelte-1oi861i{font-weight:700;font-size:1rem}.toast-text.svelte-1oi861i{flex:1}@keyframes svelte-1oi861i-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.svelte-anx9w7{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.svelte-anx9w7{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:none;display:flex;flex-direction:column}.modal-header.svelte-anx9w7{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.modal-header.svelte-anx9w7 h2:where(.svelte-anx9w7){margin:0;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.header-icon.svelte-anx9w7{width:28px;height:28px;stroke:currentColor;stroke-width:2;flex-shrink:0}.setting-icon.svelte-anx9w7{width:18px;height:18px;stroke:currentColor;stroke-width:2;display:inline;margin-right:.5rem}.close-btn.svelte-anx9w7{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem .5rem;transition:all .2s}.close-btn.svelte-anx9w7:hover{color:var(--text-primary);transform:scale(1.1)}.modal-content.svelte-anx9w7>.settings-section:where(.svelte-anx9w7):last-child{flex-shrink:0;border-top:1px solid var(--border);padding-top:1rem;margin-top:auto;background:var(--bg-secondary);position:sticky;bottom:0}.logout-btn.svelte-anx9w7{width:100%;padding:1rem;background:#ff57571a;border:1px solid #ff5757;color:#ff5757;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn.svelte-anx9w7:hover{background:#ff575733;transform:translateY(-2px)}.settings-sections.svelte-anx9w7{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;flex:1;overflow-y:auto;min-height:0}.settings-section.svelte-anx9w7{display:flex;flex-direction:column;gap:1rem}.settings-section.svelte-anx9w7 h3:where(.svelte-anx9w7){margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.setting-item.svelte-anx9w7{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:8px;transition:all .2s}.setting-item.svelte-anx9w7:hover{background:var(--bg-hover)}.setting-info.svelte-anx9w7{display:flex;flex-direction:column;gap:.25rem;flex:1}.setting-label.svelte-anx9w7{font-size:.95rem;font-weight:500;color:var(--text-primary)}.setting-description.svelte-anx9w7{font-size:.8rem;color:var(--text-secondary)}.toggle-btn.svelte-anx9w7{background:var(--bg-secondary);border:none;border-radius:8px;padding:.5rem 1rem;font-size:1.2rem;cursor:pointer;transition:all .2s;min-width:60px}.toggle-btn.svelte-anx9w7:hover{transform:scale(1.05);border-color:var(--primary)}.toggle-btn.active.svelte-anx9w7{background:var(--primary);border-color:var(--primary)}.theme-select.svelte-anx9w7{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--ui-bg-light);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s;min-width:180px}.theme-select.svelte-anx9w7:hover{border-color:var(--accent-hex)}.theme-select.svelte-anx9w7:focus{outline:none;border-color:var(--accent-hex);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.theme-select.svelte-anx9w7:disabled{opacity:.5;cursor:not-allowed}.save-indicator.svelte-anx9w7{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-secondary);font-size:.85rem}.spinner.svelte-anx9w7{animation:svelte-anx9w7-spin 1s linear infinite}@keyframes svelte-anx9w7-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customizer-container.svelte-anx9w7{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--accent-rgb),.1)}.action-btn.svelte-anx9w7{padding:.875rem 1.25rem;border-radius:8px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.action-btn.danger.svelte-anx9w7{background:var(--color-danger);color:#fff}.action-btn.danger.svelte-anx9w7:hover{background:var(--color-danger-hover);transform:translateY(-2px)}.about-info.svelte-anx9w7{padding:1rem;background:var(--bg-tertiary);border-radius:8px}.about-info.svelte-anx9w7 p:where(.svelte-anx9w7){margin:.5rem 0;color:var(--text-secondary)}.about-info.svelte-anx9w7 p:where(.svelte-anx9w7) strong:where(.svelte-anx9w7){color:var(--text-primary);font-size:1.1rem}.version.svelte-anx9w7{font-size:.85rem;color:var(--text-tertiary);margin-top:1rem!important}.setting-item-full.svelte-anx9w7{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.sound-options.svelte-anx9w7{display:flex;flex-wrap:wrap;gap:.5rem}.sound-option.svelte-anx9w7{padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.sound-option.svelte-anx9w7:hover{background:var(--bg-primary);border-color:var(--accent)}.sound-option.active.svelte-anx9w7{background:var(--accent);color:#fff;border-color:var(--accent)}.test-sound-btn.svelte-anx9w7{padding:.75rem 1rem;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.test-sound-btn.svelte-anx9w7:hover{background:var(--primary-hover);transform:translateY(-2px)}.volume-slider.svelte-anx9w7{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider.svelte-anx9w7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;transition:all .2s}.volume-slider.svelte-anx9w7::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--primary)}.volume-slider.svelte-anx9w7::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:all .2s}.volume-slider.svelte-anx9w7::-moz-range-thumb:hover{transform:scale(1.2);background:var(--primary)}.pfp-upload-section.svelte-anx9w7{display:flex;align-items:flex-start;gap:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.current-pfp.svelte-anx9w7{flex-shrink:0}.pfp-current-img.svelte-anx9w7{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.pfp-placeholder.svelte-anx9w7{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.pfp-upload-form.svelte-anx9w7{flex:1;display:flex;flex-direction:column;gap:.75rem}.pfp-select-btn.svelte-anx9w7{padding:.75rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.pfp-select-btn.svelte-anx9w7{background:var(--bg-secondary);color:var(--text-primary)}.pfp-select-btn.svelte-anx9w7:hover{background:var(--bg-primary)}.emoji-upload-form.svelte-anx9w7{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem}.emoji-preview.svelte-anx9w7{text-align:center;padding:1rem;background:var(--bg-primary);border-radius:8px}.emoji-preview.svelte-anx9w7 img:where(.svelte-anx9w7){max-width:128px;max-height:128px;object-fit:contain}.emoji-select-btn.svelte-anx9w7,.emoji-upload-btn.svelte-anx9w7{padding:.75rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.emoji-select-btn.svelte-anx9w7{background:var(--bg-secondary);color:var(--text-primary)}.emoji-select-btn.svelte-anx9w7:hover{background:var(--bg-primary)}.emoji-upload-btn.svelte-anx9w7{background:var(--accent);color:#fff}.emoji-upload-btn.svelte-anx9w7:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.emoji-upload-btn.svelte-anx9w7:disabled{opacity:.5;cursor:not-allowed}.emoji-name-input.svelte-anx9w7,.emoji-category-select.svelte-anx9w7{padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.emoji-hint.svelte-anx9w7{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0}.emoji-list.svelte-anx9w7 h4:where(.svelte-anx9w7){margin:0 0 1rem;color:var(--text-primary)}.emoji-grid-list.svelte-anx9w7{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.emoji-item.svelte-anx9w7{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;position:relative}.emoji-thumb.svelte-anx9w7{width:32px;height:32px;object-fit:contain;flex-shrink:0}.emoji-item-name.svelte-anx9w7{flex:1;font-size:.875rem;font-family:monospace;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-delete-btn.svelte-anx9w7{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.emoji-delete-btn.svelte-anx9w7:hover{opacity:1}.emoji-upload-form.bulk.svelte-anx9w7{background:var(--bg-secondary);border:2px dashed var(--border)}.emoji-upload-form.bulk.svelte-anx9w7 h4:where(.svelte-anx9w7){margin:0 0 1rem;color:var(--text-primary)}.bulk-emoji-list.svelte-anx9w7{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.bulk-count.svelte-anx9w7{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.bulk-emoji-item.svelte-anx9w7{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.bulk-preview.svelte-anx9w7{width:48px;height:48px;object-fit:contain;flex-shrink:0;background:var(--bg-primary);border-radius:4px}.bulk-name-input.svelte-anx9w7{flex:1;padding:.5rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:monospace}.bulk-remove-btn.svelte-anx9w7{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;opacity:.6;transition:opacity .2s}.bulk-remove-btn.svelte-anx9w7:hover{opacity:1;color:var(--color-danger)}.modal-overlay.svelte-zk4h8r{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content.svelte-zk4h8r{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:#fff;display:flex;flex-direction:column;box-shadow:none;overflow:hidden;animation:svelte-zk4h8r-slideIn .3s ease-out}@keyframes svelte-zk4h8r-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header.svelte-zk4h8r{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:2px solid var(--pinned-border);background:linear-gradient(135deg,var(--pinned-bg) 0%,var(--pinned-bg-hover) 100%);flex-shrink:0}.modal-header.svelte-zk4h8r h2:where(.svelte-zk4h8r){margin:0;font-size:1.1rem;font-weight:600;color:var(--pinned-text-dark)}.close-btn.svelte-zk4h8r{background:none;border:none;font-size:1.5rem;color:var(--pinned-text-dark);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s;flex-shrink:0}.close-btn.svelte-zk4h8r:hover{background-color:var(--pinned-bg-hover)}.modal-body.svelte-zk4h8r{padding:1.25rem;overflow-y:auto;flex:1;background:var(--ui-bg-light)}.empty-state.svelte-zk4h8r{text-align:center;padding:3rem 1.5rem;color:var(--modal-text-secondary)}.empty-state.svelte-zk4h8r p:where(.svelte-zk4h8r){margin:.5rem 0}.hint.svelte-zk4h8r{font-size:.875rem;color:var(--modal-text-muted);font-style:italic}.pinned-messages-list.svelte-zk4h8r{display:flex;flex-direction:column;gap:.75rem}.pinned-message.svelte-zk4h8r{background:var(--modal-bg);border:none;border-radius:8px;padding:.875rem;transition:all .2s;box-shadow:none}.pinned-message.svelte-zk4h8r:hover{background:var(--pinned-bg);box-shadow:none;transform:translateY(-1px)}.message-header.svelte-zk4h8r{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.625rem;gap:.5rem}.user-info.svelte-zk4h8r{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.username.svelte-zk4h8r{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp.svelte-zk4h8r{font-size:.7rem;color:var(--pinned-text-secondary)}.action-buttons.svelte-zk4h8r{display:flex;gap:.5rem;align-items:center}.jump-btn.svelte-zk4h8r{padding:.25rem .5rem;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.jump-btn.svelte-zk4h8r:hover{background:#4752c4;transform:translateY(-1px)}.unpin-btn.svelte-zk4h8r{padding:.25rem .5rem;background:none;border:none;border-radius:4px;color:var(--pinned-text-dark);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.unpin-btn.svelte-zk4h8r:hover{background:var(--pinned-border);color:#fff}.message-text.svelte-zk4h8r{color:var(--pinned-text);font-size:.875rem;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.modal-body.svelte-zk4h8r::-webkit-scrollbar{width:8px}.modal-body.svelte-zk4h8r::-webkit-scrollbar-track{background:var(--ui-bg-light)}.modal-body.svelte-zk4h8r::-webkit-scrollbar-thumb{background:var(--pinned-border);border-radius:4px}.modal-body.svelte-zk4h8r::-webkit-scrollbar-thumb:hover{background:var(--color-warning)}.dm-panel.svelte-1a8t9ff{display:flex;flex-direction:column;border-top:1px solid var(--border-color)}.dm-header.svelte-1a8t9ff{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;background:var(--bg-secondary)}.dm-toggle.svelte-1a8t9ff,.dm-create.svelte-1a8t9ff{display:flex;align-items:center;gap:.5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-md);transition:all .2s}.dm-toggle.svelte-1a8t9ff{flex:1;justify-content:flex-start}.dm-toggle.svelte-1a8t9ff:hover,.dm-create.svelte-1a8t9ff:hover{color:var(--text-primary);background:var(--bg-hover)}.dm-create-panel.svelte-1a8t9ff{padding:.75rem;background:var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border-color)}.search-input.svelte-1a8t9ff{width:100%;padding:.5rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-sm)}.search-input.svelte-1a8t9ff::placeholder{color:var(--text-secondary)}.user-list.svelte-1a8t9ff{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;gap:.25rem}.user-item.svelte-1a8t9ff{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:none;background:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background .2s}.user-item.svelte-1a8t9ff:hover{background:var(--bg-hover)}.user-avatar.svelte-1a8t9ff{width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden}.user-avatar.svelte-1a8t9ff img:where(.svelte-1a8t9ff){width:100%;height:100%;object-fit:cover}.empty.svelte-1a8t9ff,.empty-state.svelte-1a8t9ff{padding:1rem;text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.start-dm-btn.svelte-1a8t9ff{padding:.5rem 1rem;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:opacity .2s}.start-dm-btn.svelte-1a8t9ff:hover{opacity:.9}.dm-list.svelte-1a8t9ff{display:flex;flex-direction:column;gap:.25rem;padding:.25rem}.dm-item.svelte-1a8t9ff{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:none;background:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background .2s;text-align:left}.dm-item.svelte-1a8t9ff:hover{background:var(--bg-hover)}.dm-item.active.svelte-1a8t9ff{background:var(--accent-color);color:#fff}.dm-item.active.svelte-1a8t9ff .dm-preview:where(.svelte-1a8t9ff){color:#ffffffb3}.dm-avatar.svelte-1a8t9ff{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden}.dm-avatar.svelte-1a8t9ff img:where(.svelte-1a8t9ff){width:100%;height:100%;object-fit:cover}.avatar-placeholder.svelte-1a8t9ff{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-sm)}.dm-info.svelte-1a8t9ff{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.dm-name.svelte-1a8t9ff{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-preview.svelte-1a8t9ff{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.username.svelte-1a8t9ff{font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu.svelte-1a8t9ff{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;min-width:150px;box-shadow:0 4px 12px #00000026}.context-menu-item.svelte-1a8t9ff{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;color:var(--text-primary);cursor:pointer;text-align:left;font-size:var(--text-sm);transition:background .2s}.context-menu-item.svelte-1a8t9ff:hover{background:var(--bg-hover)}.context-menu-item.svelte-1a8t9ff:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.context-menu-item.svelte-1a8t9ff:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}@media (max-width: 768px){.dm-header.svelte-1a8t9ff{padding:.75rem;min-height:52px}.dm-toggle.svelte-1a8t9ff,.dm-create.svelte-1a8t9ff{font-size:1rem;padding:.5rem;min-height:44px}.dm-create-panel.svelte-1a8t9ff{padding:.75rem;gap:.5rem}.search-input.svelte-1a8t9ff{padding:.75rem;font-size:16px;min-height:44px;border-radius:8px}.user-list.svelte-1a8t9ff{gap:.25rem;max-height:250px}.user-item.svelte-1a8t9ff{padding:.625rem .5rem;min-height:52px;font-size:1rem}.user-avatar.svelte-1a8t9ff{width:40px;height:40px}.username.svelte-1a8t9ff{font-size:1rem}.dm-list.svelte-1a8t9ff{gap:.25rem;padding:.375rem}.dm-item.svelte-1a8t9ff{padding:.625rem .5rem;min-height:56px;border-radius:8px}.dm-avatar.svelte-1a8t9ff{width:44px;height:44px}.dm-name.svelte-1a8t9ff{font-size:1rem}.dm-preview.svelte-1a8t9ff{font-size:.8125rem}.empty.svelte-1a8t9ff,.empty-state.svelte-1a8t9ff{padding:1.5rem;font-size:1rem}.start-dm-btn.svelte-1a8t9ff{padding:.75rem 1.5rem;font-size:1rem;min-height:44px;border-radius:8px}.context-menu.svelte-1a8t9ff{min-width:200px}.context-menu-item.svelte-1a8t9ff{padding:.75rem 1rem;min-height:44px;font-size:1rem}}@media (max-width: 400px){.dm-item.svelte-1a8t9ff{padding:.5rem;min-height:52px}.dm-avatar.svelte-1a8t9ff{width:40px;height:40px}.user-item.svelte-1a8t9ff{padding:.5rem;min-height:48px}.user-avatar.svelte-1a8t9ff{width:36px;height:36px}}.expand-btn.svelte-1e8nk7r{position:fixed;left:0;top:50%;transform:translateY(-50%);width:30px;height:30px;background:var(--bg-tertiary);border:1px solid var(--border);border-right:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s;padding:0;opacity:0;pointer-events:auto}.expand-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary);opacity:1}.channel-sidebar.svelte-1e8nk7r{background:var(--bg-tertiary);display:flex;flex-direction:column;height:100dvh;overflow:hidden;transition:width .2s ease;position:relative;z-index:50}.resize-handle.svelte-1e8nk7r{position:absolute;right:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:5}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .logo-img:where(.svelte-1e8nk7r){height:24px;width:auto}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .profile-card:where(.svelte-1e8nk7r) .user-details:where(.svelte-1e8nk7r),.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .profile-controls:where(.svelte-1e8nk7r),.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .status-popup:where(.svelte-1e8nk7r),.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .create-channel:where(.svelte-1e8nk7r){display:none}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-btn:where(.svelte-1e8nk7r){font-size:0;justify-content:center;position:relative;width:100%;height:100%}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-btn:where(.svelte-1e8nk7r):after{content:attr(data-abbrev);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-item.active:where(.svelte-1e8nk7r) .channel-btn:where(.svelte-1e8nk7r):after{color:var(--text-primary)}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-btn:where(.svelte-1e8nk7r) .hash:where(.svelte-1e8nk7r),.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-btn:where(.svelte-1e8nk7r) .group-icon:where(.svelte-1e8nk7r){font-size:1rem;margin:0}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-item:where(.svelte-1e8nk7r){justify-content:center;padding:.25rem}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-actions:where(.svelte-1e8nk7r){display:none}.top-section.svelte-1e8nk7r{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);height:52px;gap:.5rem;box-sizing:border-box}.logo.svelte-1e8nk7r{flex:1;display:flex;align-items:center}.logo-img.svelte-1e8nk7r{height:32px;width:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));transition:filter .3s ease}:root[data-theme=dark] .logo-img.svelte-1e8nk7r,:root[data-theme=midnight-blue] .logo-img.svelte-1e8nk7r,:root[data-theme=vscode-high-contrast] .logo-img.svelte-1e8nk7r{filter:invert(1) drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.settings-btn.svelte-1e8nk7r{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;transition:all .2s;border-radius:4px;display:flex;align-items:center;justify-content:center}.settings-btn.svelte-1e8nk7r svg:where(.svelte-1e8nk7r){width:18px;height:18px;stroke:currentColor;stroke-width:2}.settings-btn.svelte-1e8nk7r:hover{color:var(--text-primary);background:var(--bg-secondary);box-shadow:inset 0 0 6px #ffffff1a}.header-buttons.svelte-1e8nk7r{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.screen-share-icon-btn.svelte-1e8nk7r,.add-btn.svelte-1e8nk7r{width:32px;height:32px;border-radius:4px;background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.7;padding:0}.screen-share-icon-btn.svelte-1e8nk7r svg:where(.svelte-1e8nk7r),.add-btn.svelte-1e8nk7r{width:18px;height:18px;stroke:currentColor;stroke-width:2}.screen-share-icon-btn.svelte-1e8nk7r:hover,.add-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary);opacity:1}.screen-share-icon-btn.active.svelte-1e8nk7r{background:var(--accent);color:var(--text-primary);opacity:1}.compact-settings-btn.svelte-1e8nk7r{width:32px;height:32px;border-radius:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.7;padding:0}.compact-settings-btn.svelte-1e8nk7r svg:where(.svelte-1e8nk7r){width:18px;height:18px;stroke:currentColor;stroke-width:2}.compact-settings-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary);opacity:1;box-shadow:inset 0 0 6px #ffffff1a}.create-channel.svelte-1e8nk7r{padding:.5rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.create-channel.svelte-1e8nk7r input:where(.svelte-1e8nk7r){width:100%;padding:.5rem;font-size:var(--text-base);border:none;border-radius:0;background:var(--bg-secondary);color:var(--text-primary)}.create-channel.svelte-1e8nk7r button:where(.svelte-1e8nk7r){padding:.5rem;font-size:var(--text-base);background:var(--accent);color:var(--text-primary);border:none;border-radius:0;cursor:pointer;width:100%}.channel-list.svelte-1e8nk7r{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:.5rem 0}.channel-item.svelte-1e8nk7r{display:flex;align-items:flex-start;padding:0 .5rem;position:relative}.channel-item.active.svelte-1e8nk7r{background:var(--bg-secondary)}.channel-btn.svelte-1e8nk7r{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;font-size:var(--channel-btn-font-size);border-radius:0;transition:all .2s;min-width:0;height:fit-content}.channel-item.active.svelte-1e8nk7r .channel-btn:where(.svelte-1e8nk7r){color:var(--text-primary)}.channel-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary)}.hash.svelte-1e8nk7r{color:var(--text-secondary);font-weight:600}.group-icon.svelte-1e8nk7r{color:var(--text-secondary);font-weight:600;width:18px;height:18px;stroke:currentColor;stroke-width:2}.pin-icon.svelte-1e8nk7r{width:16px;height:16px;stroke:currentColor;stroke-width:2}.section-header.svelte-1e8nk7r{padding:1rem 1rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-top:.5rem}.channel-actions.svelte-1e8nk7r{display:flex;align-items:center;gap:.25rem;height:fit-content}.pin-btn.svelte-1e8nk7r,.delete-btn.svelte-1e8nk7r{opacity:0;width:24px;height:24px;border-radius:4px;background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.pin-btn.svelte-1e8nk7r svg:where(.svelte-1e8nk7r),.settings-btn.svelte-1e8nk7r svg:where(.svelte-1e8nk7r){width:16px;height:16px;stroke:currentColor;stroke-width:2}.channel-item.svelte-1e8nk7r:hover .pin-btn:where(.svelte-1e8nk7r),.channel-item.svelte-1e8nk7r:hover .delete-btn:where(.svelte-1e8nk7r){opacity:1}.pin-btn.svelte-1e8nk7r:hover{background:var(--pinned-border);color:var(--text-primary)}.delete-btn.svelte-1e8nk7r{font-size:1.25rem}.delete-btn.svelte-1e8nk7r:hover{background:var(--color-danger);color:var(--text-primary)}.profile-card.svelte-1e8nk7r{background:var(--bg-tertiary);border-top:1px solid var(--border);padding:.625rem;display:flex;align-items:center;gap:.5rem;height:52px;position:relative}.profile-info.svelte-1e8nk7r{flex:1;display:flex;align-items:center;gap:.5rem;min-width:80px;overflow:hidden}.avatar-container.svelte-1e8nk7r{position:relative;flex-shrink:0;cursor:pointer;background:transparent;border:none;padding:0;border-radius:50%;transition:opacity .2s}.avatar-container.svelte-1e8nk7r:hover{opacity:.8}.avatar.svelte-1e8nk7r,.avatar-placeholder.svelte-1e8nk7r{width:32px}.avatar-placeholder.svelte-1e8nk7r{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.status-indicator.svelte-1e8nk7r{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:none;background:var(--status-offline)}.status-indicator.online.svelte-1e8nk7r{background:var(--status-online)}.status-indicator.away.svelte-1e8nk7r{background:var(--status-away)}.status-indicator.busy.svelte-1e8nk7r{background:var(--status-busy)}.user-details.svelte-1e8nk7r{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.username.svelte-1e8nk7r{font-size:var(--text-base);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color .2s}.username.svelte-1e8nk7r:hover{color:var(--accent)}.status-popup.svelte-1e8nk7r{position:absolute;bottom:100%;left:.625rem;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary);border-radius:8px;padding:6px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:140px}.status-option.svelte-1e8nk7r{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;transition:background .2s;text-align:left;font-size:var(--text-base)}.status-option.svelte-1e8nk7r:hover{background:var(--bg-hover)}.status-dot.svelte-1e8nk7r{width:10px;height:10px;border-radius:50%;flex-shrink:0}.user-tag.svelte-1e8nk7r{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-controls.svelte-1e8nk7r{display:flex;align-items:center;gap:.25rem;flex-shrink:1}.control-btn.svelte-1e8nk7r{width:28px;height:28px;border-radius:4px;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0}.control-btn.svelte-1e8nk7r svg:where(.svelte-1e8nk7r){width:18px;height:18px;stroke:currentColor;stroke-width:2}.control-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary);box-shadow:inset 0 0 6px #ffffff1a}.control-btn.active.svelte-1e8nk7r{background:var(--color-danger);color:var(--text-primary)}.control-btn.active.svelte-1e8nk7r:hover{box-shadow:inset 0 0 6px #0003}.channel-item.has-timer.svelte-1e8nk7r{background:rgba(255,77,77,var(--opacity-subtle));border-left:3px solid var(--color-danger)}.channel-item.has-timer.svelte-1e8nk7r:hover{background:rgba(255,77,77,var(--opacity-light))}.channel-item.has-timer.active.svelte-1e8nk7r{background:rgba(255,77,77,var(--opacity-medium))}.channel-sidebar[style*="width: 60px"].svelte-1e8nk7r .channel-item.has-timer:where(.svelte-1e8nk7r){border-radius:0}.modal-overlay.svelte-1e8nk7r{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1e8nk7r{background:var(--modal-bg);border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header.svelte-1e8nk7r{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header.svelte-1e8nk7r h2:where(.svelte-1e8nk7r){margin:0;font-size:var(--text-xl);color:var(--text-primary)}.close-btn.svelte-1e8nk7r{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body.svelte-1e8nk7r{padding:1.5rem}.setting-section.svelte-1e8nk7r h3:where(.svelte-1e8nk7r){margin:0 0 1rem;color:var(--text-primary);font-size:var(--text-lg)}.setting-group.svelte-1e8nk7r{margin-top:1.5rem}.setting-group.svelte-1e8nk7r label:where(.svelte-1e8nk7r){display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.setting-description.svelte-1e8nk7r{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:1rem}.auto-delete-options.svelte-1e8nk7r{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.auto-delete-btn.svelte-1e8nk7r{padding:.75rem 1rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;color:var(--text-primary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s}.auto-delete-btn.svelte-1e8nk7r:hover{background:var(--bg-tertiary);border-color:var(--accent)}.auto-delete-btn.active.svelte-1e8nk7r{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.settings-btn.svelte-1e8nk7r{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;opacity:0}.channel-item.svelte-1e8nk7r:hover .settings-btn:where(.svelte-1e8nk7r){opacity:1}.settings-btn.svelte-1e8nk7r:hover{background:var(--bg-secondary);color:var(--text-primary)}.unread-badge.svelte-1e8nk7r{background:var(--color-danger);color:var(--text-primary);font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:20px;text-align:center;animation:svelte-1e8nk7r-pulse 2s infinite}@keyframes svelte-1e8nk7r-pulse{0%,to{opacity:1}50%{opacity:.7}}.mobile-close-btn.svelte-1e8nk7r{display:none;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;min-width:44px;min-height:44px}.context-menu.svelte-1e8nk7r{position:fixed;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 4px 12px #00000040;z-index:10000;min-width:160px}.context-menu-item.svelte-1e8nk7r{width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;cursor:pointer;border-radius:4px;color:var(--text-primary);font-size:var(--channel-btn-font-size);transition:background .15s}.context-menu-item.svelte-1e8nk7r:hover{background:var(--accent);color:var(--text-primary)}.pin-icon.svelte-1e8nk7r{margin-left:auto;opacity:.7;font-size:.9em}@media (max-width: 768px){.channel-sidebar.svelte-1e8nk7r{height:calc(100dvh - 56px);max-width:100%;overflow:hidden}.mobile-close-btn.svelte-1e8nk7r{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;font-size:1.5rem}.top-section.svelte-1e8nk7r{padding:.75rem 1rem;height:56px}.resize-handle.svelte-1e8nk7r{display:none}.screen-share-icon-btn.svelte-1e8nk7r,.add-btn.svelte-1e8nk7r{width:44px;height:44px;font-size:1.3rem}.channel-item.svelte-1e8nk7r{padding:.25rem .75rem}.channel-btn.svelte-1e8nk7r{padding:.75rem;min-height:52px;font-size:1rem;border-radius:8px}.channel-actions.svelte-1e8nk7r{display:none}.channel-item.active.svelte-1e8nk7r .channel-actions:where(.svelte-1e8nk7r){display:flex}.pin-btn.svelte-1e8nk7r,.delete-btn.svelte-1e8nk7r,.settings-btn.svelte-1e8nk7r{min-width:44px;min-height:44px;width:44px;height:44px;padding:10px}.create-channel.svelte-1e8nk7r{padding:.75rem}.create-channel.svelte-1e8nk7r input:where(.svelte-1e8nk7r){padding:.75rem;font-size:16px;min-height:44px;border-radius:8px}.create-channel.svelte-1e8nk7r button:where(.svelte-1e8nk7r){padding:.75rem;min-height:44px;font-size:.9rem;border-radius:8px}.profile-card.svelte-1e8nk7r{padding:.75rem;height:auto;min-height:64px}.profile-info.svelte-1e8nk7r{padding:.25rem}.avatar-container.svelte-1e8nk7r{width:40px;height:40px}.control-btn.svelte-1e8nk7r{width:44px;height:44px;font-size:1.1rem}.section-header.svelte-1e8nk7r{padding:.75rem .75rem .375rem;font-size:.8rem}.temp-user-item.svelte-1e8nk7r{padding:.5rem .75rem;min-height:52px}.temp-user-avatar.svelte-1e8nk7r,.temp-user-avatar-placeholder.svelte-1e8nk7r{width:36px;height:36px}.temp-user-name.svelte-1e8nk7r{font-size:1rem}.temp-action-btn.svelte-1e8nk7r{width:44px;height:44px;font-size:1.2rem}.modal-content.svelte-1e8nk7r{width:95%;max-height:90vh;max-height:90dvh}.modal-header.svelte-1e8nk7r,.modal-body.svelte-1e8nk7r{padding:.75rem}.auto-delete-options.svelte-1e8nk7r{grid-template-columns:repeat(2,1fr);gap:.375rem}.auto-delete-btn.svelte-1e8nk7r{padding:.75rem;font-size:.875rem;min-height:44px}.context-menu.svelte-1e8nk7r{min-width:200px}.context-menu-item.svelte-1e8nk7r{padding:.75rem 1rem;min-height:44px;font-size:1rem}}@media (max-width: 400px){.channel-item.svelte-1e8nk7r{padding:.25rem .5rem}.channel-btn.svelte-1e8nk7r{padding:.625rem .5rem;min-height:48px;font-size:.9375rem}.auto-delete-options.svelte-1e8nk7r{grid-template-columns:1fr 1fr;gap:.25rem}.auto-delete-btn.svelte-1e8nk7r{padding:.5rem;font-size:.8rem;min-height:40px}.profile-controls.svelte-1e8nk7r{gap:.25rem}.control-btn.svelte-1e8nk7r{width:40px;height:40px}}.temp-user-list.svelte-1e8nk7r{border-top:1px solid var(--border);padding:.5rem;max-height:200px;overflow-y:auto}.temp-section-header.svelte-1e8nk7r{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);padding:.5rem}.temp-user-item.svelte-1e8nk7r{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-radius:4px;transition:background .2s}.temp-user-item.svelte-1e8nk7r:hover{background:var(--bg-secondary)}.temp-user-info.svelte-1e8nk7r{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.temp-user-avatar.svelte-1e8nk7r,.temp-user-avatar-placeholder.svelte-1e8nk7r{width:24px;height:24px;border-radius:50%;flex-shrink:0}.temp-user-avatar-placeholder.svelte-1e8nk7r{display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:#fff}.temp-user-name.svelte-1e8nk7r{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.temp-user-actions.svelte-1e8nk7r{display:flex;gap:.25rem;flex-shrink:0}.temp-action-btn.svelte-1e8nk7r{width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.temp-action-btn.svelte-1e8nk7r:hover{background:var(--accent)}.call-modal-overlay.svelte-2fjqa5{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.incoming-call-modal.svelte-2fjqa5{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:400px;box-shadow:none;animation:svelte-2fjqa5-slideUp .3s ease-out}@keyframes svelte-2fjqa5-slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.caller-info.svelte-2fjqa5{text-align:center;margin-bottom:2rem}.caller-avatar.svelte-2fjqa5{width:100px;height:100px;border-radius:50%;background:var(--accent);color:#fff;font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:svelte-2fjqa5-pulse 2s infinite}@keyframes svelte-2fjqa5-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.caller-info.svelte-2fjqa5 h2:where(.svelte-2fjqa5){margin:0 0 .5rem;font-size:1.5rem;color:var(--modal-text)}.call-type.svelte-2fjqa5{color:var(--modal-text-secondary);font-size:1rem;margin:0}.call-actions.svelte-2fjqa5{display:flex;gap:1rem;justify-content:center}.answer-btn.svelte-2fjqa5,.reject-btn.svelte-2fjqa5{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.answer-btn.svelte-2fjqa5{background:var(--color-success);color:#fff}.answer-btn.svelte-2fjqa5:hover{background:var(--color-success-hover);transform:translateY(-2px)}.reject-btn.svelte-2fjqa5{background:var(--color-danger-hover);color:#fff}.reject-btn.svelte-2fjqa5:hover{background:var(--color-danger-dark);transform:translateY(-2px)}.active-call-container.svelte-2fjqa5{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--dark-bg-primary);z-index:1500;display:flex;flex-direction:column}.avatar-circle.svelte-2fjqa5{width:80px;height:80px;border-radius:50%;background:var(--accent, #5865F2);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-circle-lg.svelte-2fjqa5{width:120px;height:120px;font-size:3rem}.avatar-circle-sm.svelte-2fjqa5{width:36px;height:36px;font-size:1rem}.video-grid.svelte-2fjqa5{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem;overflow-y:auto}.video-wrapper.svelte-2fjqa5{position:relative;background:var(--dark-bg-secondary);border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.local-video.svelte-2fjqa5{max-width:300px;position:absolute;bottom:1rem;right:1rem;z-index:10;border:none}.video-element.svelte-2fjqa5{width:100%;height:100%;object-fit:cover}.video-hidden.svelte-2fjqa5{display:none}.video-placeholder.svelte-2fjqa5{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dark-bg-secondary);color:#fff;gap:.5rem}.placeholder-name.svelte-2fjqa5{font-size:.875rem;opacity:.8}.video-label.svelte-2fjqa5{position:absolute;bottom:.75rem;left:.75rem;background:#000000b3;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.tile-grid.svelte-2fjqa5{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:.5rem;padding:.5rem;overflow-y:auto}.tile.svelte-2fjqa5{position:relative;background:var(--dark-bg-secondary);border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;font-family:inherit}.tile.svelte-2fjqa5:hover{border-color:var(--accent, #5865F2)}.tile-screen.svelte-2fjqa5{grid-column:span 1}.tile-video.svelte-2fjqa5{width:100%;height:100%;object-fit:cover}.tile-video-contain.svelte-2fjqa5{object-fit:contain;background:#000}.tile-avatar.svelte-2fjqa5{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.tile-label.svelte-2fjqa5{position:absolute;bottom:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;pointer-events:none}.focused-layout.svelte-2fjqa5{flex:1;display:flex;flex-direction:column;overflow:hidden}.focused-main.svelte-2fjqa5{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.focused-tile.svelte-2fjqa5{width:100%;height:100%;background:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;padding:0;color:#fff;font-family:inherit}.focused-video.svelte-2fjqa5{width:100%;height:100%;object-fit:cover}.focused-video-contain.svelte-2fjqa5{object-fit:contain}.focused-avatar.svelte-2fjqa5{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--dark-bg-secondary)}.focused-label.svelte-2fjqa5{position:absolute;bottom:1rem;left:1rem;background:#000000b3;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;pointer-events:none}.focused-controls-overlay.svelte-2fjqa5{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:10}.overlay-btn.svelte-2fjqa5{width:36px;height:36px;border-radius:8px;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.overlay-btn.svelte-2fjqa5:hover{background:#000000d9}.overlay-btn.svelte-2fjqa5 svg:where(.svelte-2fjqa5){width:18px;height:18px}.thumbnail-strip.svelte-2fjqa5{display:flex;gap:.5rem;padding:.5rem;overflow-x:auto;background:var(--dark-bg-secondary);flex-shrink:0}.thumbnail.svelte-2fjqa5{position:relative;width:120px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;background:var(--dark-bg-primary);display:flex;align-items:center;justify-content:center;padding:0;color:#fff;font-family:inherit}.thumbnail.svelte-2fjqa5:hover{border-color:var(--accent, #5865F2)}.thumbnail-video.svelte-2fjqa5{width:100%;height:100%;object-fit:cover}.thumbnail-avatar.svelte-2fjqa5{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.thumbnail-label.svelte-2fjqa5{position:absolute;bottom:2px;left:2px;background:#000000b3;color:#fff;padding:1px 4px;border-radius:3px;font-size:.625rem;font-weight:500;pointer-events:none;max-width:calc(100% - 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-controls.svelte-2fjqa5{display:flex;gap:1rem;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));background:var(--dark-bg-secondary);justify-content:center;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.control-btn.svelte-2fjqa5{width:52px;height:52px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn.svelte-2fjqa5:hover{background:#ffffff40;transform:scale(1.1)}.control-btn.active.svelte-2fjqa5,.end-call-btn.svelte-2fjqa5{background:var(--color-danger-hover, #d83c3e)}.end-call-btn.svelte-2fjqa5:hover{background:var(--color-danger-dark, #a12d2f)}.screen-share-stop.svelte-2fjqa5{background:var(--color-danger-hover, #d83c3e)}.screen-share-stop.svelte-2fjqa5:hover{background:var(--color-danger-dark, #a12d2f)}.control-icon.svelte-2fjqa5{display:block;width:22px;height:22px}.control-btn.svelte-2fjqa5 svg:where(.svelte-2fjqa5){width:22px;height:22px;stroke:currentColor;stroke-width:2}.connection-status.svelte-2fjqa5{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-transform:capitalize}@media (max-width: 768px){.control-btn.svelte-2fjqa5{width:44px;height:44px}.call-controls.svelte-2fjqa5{gap:.75rem;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.video-grid.svelte-2fjqa5,.tile-grid.svelte-2fjqa5{grid-template-columns:1fr}.thumbnail.svelte-2fjqa5{width:90px;height:60px}}.auth-error-banner.svelte-3yi242{position:fixed;top:0;left:0;right:0;z-index:9000;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-bottom:2px solid rgba(239,68,68,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:svelte-3yi242-slideDown .3s ease-out}.auth-error-banner.session-expired.svelte-3yi242{background:linear-gradient(135deg,#d97706f2,#b45309f2);border-bottom-color:#fb923c}@keyframes svelte-3yi242-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.banner-content.svelte-3yi242{display:flex;align-items:center;gap:12px;padding:12px 20px;max-width:1200px;margin:0 auto}.banner-icon.svelte-3yi242{font-size:1.5rem;flex-shrink:0}.banner-text.svelte-3yi242{flex:1;min-width:0}.banner-title.svelte-3yi242{font-weight:600;color:#fff;font-size:.9rem;margin-bottom:2px}.banner-message.svelte-3yi242{color:#ffffffe6;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-close.svelte-3yi242{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px 8px;flex-shrink:0;opacity:.8;transition:opacity .2s}.banner-close.svelte-3yi242:hover{opacity:1}body{overflow:hidden}.app-container.svelte-4zttq5{display:flex;height:100vh;height:100dvh;overflow:hidden;position:relative}.app-container.in-call.svelte-4zttq5{height:100vh;height:100dvh}.app-container.resizing.svelte-4zttq5{cursor:col-resize;-webkit-user-select:none;user-select:none}.main-content.svelte-4zttq5{flex:1;min-width:0;position:relative}.main-content.svelte-4zttq5>div:where(.svelte-4zttq5){height:100%;width:100%}.hidden.svelte-4zttq5{display:none!important}.channel-sidebar-container.svelte-4zttq5{flex-shrink:0;position:relative;border-right:1px solid rgba(var(--border-rgb),var(--opacity-light))}.main-content.svelte-4zttq5{border-right:1px solid rgba(var(--border-rgb),var(--opacity-light))}.mobile-bottom-nav.svelte-4zttq5,.mobile-user-overlay.svelte-4zttq5{display:none}@media (max-width: 768px){.app-container.svelte-4zttq5{height:calc(100vh - 56px);height:calc(100dvh - 56px)}.app-container.in-call.svelte-4zttq5{height:100vh;height:100dvh}.channel-sidebar-container.svelte-4zttq5{display:none;position:fixed;top:0;left:0;width:100%!important;height:calc(100vh - 56px);height:calc(100dvh - 56px);z-index:1500;background:var(--bg-primary)}.channel-sidebar-container.mobile-visible.svelte-4zttq5{display:block}.mobile-bottom-nav.svelte-4zttq5{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-tertiary);border-top:1px solid var(--border);z-index:2000;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav.svelte-4zttq5 button:where(.svelte-4zttq5),.mobile-bottom-nav.svelte-4zttq5 .nav-link:where(.svelte-4zttq5){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;background:transparent;border:none;color:var(--text-secondary);font-size:.6rem;padding:.375rem .5rem;text-decoration:none;transition:color .15s}.mobile-bottom-nav.svelte-4zttq5 button:where(.svelte-4zttq5):hover,.mobile-bottom-nav.svelte-4zttq5 .nav-link:where(.svelte-4zttq5):hover{color:var(--text-primary)}.mobile-bottom-nav.svelte-4zttq5 button.active:where(.svelte-4zttq5){color:var(--accent)}.mobile-bottom-nav.svelte-4zttq5 svg:where(.svelte-4zttq5){width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.mobile-user-overlay.svelte-4zttq5{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:calc(100vh - 56px);height:calc(100dvh - 56px);z-index:1500;background:var(--bg-primary)}.mobile-user-header.svelte-4zttq5{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:52px;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.mobile-user-header.svelte-4zttq5 h3:where(.svelte-4zttq5){margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.mobile-close-btn.svelte-4zttq5{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);border-radius:6px;padding:0}.mobile-close-btn.svelte-4zttq5:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-user-list.svelte-4zttq5{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem}.mobile-user-item.svelte-4zttq5{display:flex;align-items:center;justify-content:space-between;padding:.75rem .5rem;border-radius:8px;min-height:56px}.mobile-user-item.svelte-4zttq5:active{background:var(--bg-secondary)}.mobile-user-info.svelte-4zttq5{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.mobile-user-avatar.svelte-4zttq5,.mobile-user-avatar-placeholder.svelte-4zttq5{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.mobile-user-avatar-placeholder.svelte-4zttq5{display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff}.mobile-user-name.svelte-4zttq5{font-size:.9375rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-actions.svelte-4zttq5{display:flex;gap:.25rem;flex-shrink:0}.mobile-action-btn.svelte-4zttq5{width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.mobile-action-btn.svelte-4zttq5:active{background:var(--bg-hover);color:var(--accent-hex, var(--text-primary))}.mobile-action-btn.svelte-4zttq5 svg:where(.svelte-4zttq5){stroke:currentColor;fill:none}.mobile-user-empty.svelte-4zttq5{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.875rem}}.loading-screen.svelte-1uha8ag{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-loading-dark);z-index:10000;pointer-events:none}