.setup-wizard__modal{max-width:520px;max-height:80vh;overflow:auto}.setup-wizard__modal--loading{max-width:480px;padding:24px}.setup-wizard__loading-text{color:var(--text-muted);text-align:center}.setup-wizard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.setup-wizard__title{color:var(--text-primary);font-weight:700;font-size:13px}.setup-wizard__close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.setup-wizard__diagnostic-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:12px;margin-bottom:16px;font-family:monospace;font-size:11px;line-height:1.6;color:var(--text-secondary)}.setup-wizard__status-icon{display:inline;font-weight:700}.setup-wizard__status-icon--ok{color:var(--green)}.setup-wizard__status-icon--fail{color:var(--red)}.setup-wizard__status-all-ok{color:var(--green);font-size:12px;text-align:center;margin-bottom:16px}.setup-wizard__issues-section{margin-bottom:12px}.setup-wizard__issues-header{font-weight:600;font-size:12px;margin-bottom:8px}.setup-wizard__issues-header--error{color:var(--red)}.setup-wizard__issues-header--warning{color:var(--yellow)}.setup-wizard__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.setup-wizard__dismiss-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:11px;transition:border-color .15s ease,color .15s ease}.setup-wizard__dismiss-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.setup-wizard__confirm-btn{background:var(--accent-color);border:none;color:var(--text-primary);padding:6px 18px;border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-weight:600;transition:opacity .15s ease}.setup-wizard__confirm-btn:hover{opacity:.85}.setup-wizard__issue{background:var(--bg-primary);border-radius:var(--radius-sm);padding:10px;margin-bottom:8px;font-size:11px;line-height:1.5}.setup-wizard__issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.setup-wizard__issue-component{color:var(--text-primary);font-weight:500}.setup-wizard__issue-severity{font-size:9px;text-transform:uppercase;font-weight:600}.setup-wizard__issue-severity--error{color:var(--red)}.setup-wizard__issue-severity--warning{color:var(--yellow)}.setup-wizard__issue-message{color:var(--text-secondary);margin:0 0 6px}.setup-wizard__issue-fix-row{display:flex;gap:4px;align-items:center}.setup-wizard__issue-fix-cmd{display:block;background:var(--bg-tertiary);padding:6px 8px;border-radius:var(--radius-xs);font-size:10px;color:var(--text-muted);flex:1;overflow:auto;white-space:pre-wrap;word-break:break-all}.setup-wizard__issue-copy-btn{background:var(--border-color);border:none;color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-xs);cursor:pointer;font-size:10px;white-space:nowrap;transition:background .15s ease,color .15s ease}.setup-wizard__issue-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.setup-wizard__issue-copy-btn--copied{background:var(--green);color:var(--bg-primary)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:none;color:var(--text-secondary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn--sm{width:28px;height:28px;border-radius:var(--radius-sm)}.icon-btn--lg{width:44px;height:44px}.icon-btn--solid{background:var(--bg-tertiary)}.icon-btn--danger:hover:not(:disabled){color:var(--red);background:var(--red-dim)}.icon-btn--floating{background:#ffffff1a;color:var(--text-primary)}.icon-btn--floating:hover:not(:disabled){background:#fff3;color:var(--text-primary);transform:none}.icon-btn--active{color:var(--brand);transform:scale(1.1)}@media (max-width: 767px){.icon-btn,.icon-btn--sm{width:44px;height:44px}}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.98)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--modal-backdrop);animation:modalOverlayFadeIn .2s ease-out}.modal-overlay--blurred{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay--closing{animation:modalOverlayFadeOut .2s ease-in forwards;pointer-events:none}.modal{background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:calc(100vw - 32px);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideDown .25s ease-out;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.modal--closing{animation:modalSlideUp .2s ease-in forwards;pointer-events:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color)}.modal__header-title{font-size:13px;font-weight:600;color:var(--text-primary);font-family:inherit}.modal__body{padding:16px 20px;overflow-y:auto;flex:1}.modal__footer{padding:12px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (max-width: 767px){.modal-overlay{align-items:flex-end;justify-content:center}.modal.modal--sheet{width:100%;max-width:100%;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px));align-self:flex-end;margin:0;border:none;border-top:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheetSlideUp .28s cubic-bezier(.16,1,.3,1);box-shadow:0 -8px 32px #00000080;will-change:transform}.modal.modal--sheet.modal--closing{animation:sheetSlideDown .2s ease-in forwards}.modal__drag-handle{display:flex;align-items:center;justify-content:center;padding:8px 0 4px;touch-action:none;cursor:grab;flex-shrink:0}.modal__drag-grip{width:36px;height:4px;border-radius:var(--radius-full);background:var(--text-muted);opacity:.5}.modal--sheet .modal__header{padding:6px 16px 12px;touch-action:none}.modal--sheet .modal__body{padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal--sheet .modal__footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.modal__header-title{font-size:15px}}.settings-layout{display:flex;align-items:stretch;height:100%;min-height:0}.settings-layout__rail{flex:0 0 200px;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border-color);background:var(--bg-secondary)}.settings-layout__rail-header{padding:12px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0}.settings-layout__rail .settings-nav{flex:1 1 auto;border-right:none;background:transparent}.settings-nav{flex:0 0 200px;display:flex;flex-direction:column;gap:16px;padding:16px 10px;overflow-y:auto;border-right:1px solid var(--border-color);background:var(--bg-secondary)}.settings-nav__group{display:flex;flex-direction:column;gap:2px}.settings-nav__group-label{padding:4px 8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.settings-nav__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:11px;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.settings-nav__item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav__item--active{background:var(--bg-active);color:var(--text-primary)}.settings-nav__icon{display:inline-flex;flex:0 0 auto;color:var(--text-muted)}.settings-nav__item--active .settings-nav__icon,.settings-nav__item:hover .settings-nav__icon{color:var(--brand)}.settings-nav__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-layout__content{flex:1 1 auto;min-width:0;width:100%;min-height:0;overflow-y:auto;padding:22px 26px;display:flex;flex-direction:column}.settings-layout__back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;padding:6px 10px 6px 6px;border:none;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary);font-family:inherit;font-size:11px;cursor:pointer}.settings-layout__back:hover{color:var(--text-primary)}.settings-layout--mobile{flex-direction:column}.settings-layout--mobile .settings-layout__rail,.settings-layout--mobile .settings-nav{flex:1 1 auto;border-right:none;background:transparent}.settings-layout--mobile .settings-layout__content{padding:12px 16px}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0;cursor:pointer;outline:none}.toggle-switch:focus-visible{border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--brand-dim)}.toggle-switch--disabled{opacity:.4;cursor:not-allowed}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease,border-color .2s ease}.toggle-switch input:checked+.toggle-switch__track{background:var(--brand);border-color:var(--brand)}.toggle-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-primary);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(18px)}.toggle-switch--disabled .toggle-switch__track{cursor:not-allowed}.slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.slider:focus-visible{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-dim)}.slider:disabled{opacity:.5;cursor:not-allowed}.slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:transparent}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-full);background:var(--brand);border:2px solid var(--bg-secondary);cursor:pointer;margin-top:-4px;-webkit-transition:transform .1s ease;transition:transform .1s ease}.slider::-webkit-slider-thumb:active{transform:scale(1.15)}.slider::-moz-range-track{height:6px;border-radius:var(--radius-full);background:transparent}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:var(--radius-full);background:var(--brand);border:2px solid var(--bg-secondary);cursor:pointer}.slider--sm{height:4px}.slider--sm::-webkit-slider-runnable-track{height:4px}.slider--sm::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px}.slider--sm::-moz-range-track{height:4px}.slider--sm::-moz-range-thumb{width:12px;height:12px}@media (max-width: 767px){.slider{height:8px}.slider::-webkit-slider-runnable-track{height:8px}.slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6px}.slider::-moz-range-thumb{width:20px;height:20px}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.ui-btn--full{width:100%}.ui-btn.ui-btn--sm{padding:var(--space-1) var(--space-3);font-size:.8125rem;border-radius:var(--radius-sm)}.ui-btn--loading{pointer-events:none}.ui-btn__spinner{animation:ui-btn-spin .7s linear infinite}@keyframes ui-btn-spin{to{transform:rotate(360deg)}}.ui-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.ui-field__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.ui-field__error{font-size:.75rem;color:var(--error)}.ui-field--error .input-field,.ui-field--error .input-field:focus{border-color:var(--error)}textarea.input-field{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.settings-modal{width:var(--settings-modal-w);height:var(--settings-modal-h)}.settings-modal .modal__body{padding:0}@media (min-width: 768px){.settings-modal .modal__body{display:flex;overflow:hidden}.settings-modal .settings-layout{flex:1 1 auto;min-height:0}}.settings-tab-content{display:flex;flex-direction:column;gap:var(--space-3)}.settings-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4)}.settings-card-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-3)}.settings-hint{font-size:10px;color:var(--text-muted);line-height:1.4;margin-top:2px}.settings-permission-warning{font-size:10px;color:var(--red);background:var(--red-dim);border:1px solid var(--red-dim-border);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--font-mono);margin-bottom:var(--space-3)}.settings-alert{font-size:11px;font-family:var(--font-mono);padding:8px 12px;border-radius:var(--radius-sm)}.settings-alert--success{color:var(--green);background:var(--green-dim);border:1px solid var(--green-dim-border)}.settings-alert--error{color:var(--red);background:var(--red-dim);border:1px solid var(--red-dim-border)}.settings-alert--info{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center}.settings-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 32px 8px 12px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);outline:none;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b6b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.settings-select:focus{border-color:var(--brand)}.settings-select option{background:var(--bg-secondary);color:var(--text-primary)}.settings-select+.settings-select{margin-top:var(--space-2)}.settings-radio-group{display:flex;flex-direction:column;gap:6px}.settings-radio-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.settings-radio-option:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-radio-option--active{border-color:var(--brand);background:var(--brand-dim);color:var(--text-primary)}.settings-radio-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease}.settings-radio-option--active .settings-radio-dot{border-color:var(--brand)}.settings-radio-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:0;transform:scale(0);transition:opacity .12s ease,transform .12s ease}.settings-radio-option--active .settings-radio-dot:after{opacity:1;transform:scale(1)}.settings-radio-label{font-weight:500}.settings-radio-desc{font-size:10px;color:var(--text-muted);margin-top:1px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-toggle-label{font-size:12px;color:var(--text-primary);font-weight:500}.settings-toggle-row+.settings-toggle-row{margin-top:var(--space-3)}.settings-toggle-row+.settings-slider-row,.settings-toggle-row+.settings-hint{margin-top:var(--space-2)}.settings-slider-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.settings-slider-row{display:flex;align-items:center;gap:var(--space-3)}.settings-slider-row+.settings-slider-row{margin-top:var(--space-3)}.settings-slider-value{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);min-width:38px;text-align:right;flex-shrink:0}.settings-meter-row{margin-top:var(--space-3)}.settings-meter-bar{width:100%;height:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;overflow:hidden;position:relative}.settings-meter-fill{height:100%;border-radius:4px;transition:width 60ms linear,background .3s ease}.settings-meter-fill--low{background:var(--brand)}.settings-meter-fill--mid{background:var(--yellow)}.settings-meter-fill--high{background:var(--red)}.settings-meter-threshold{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--text-primary);opacity:.4;border-radius:1px;pointer-events:none}.settings-meter-hint{font-size:10px;color:var(--text-muted);margin-top:var(--space-1)}.settings-keybind-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3)}.settings-keybind-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.settings-keybind-btn{padding:5px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);cursor:pointer;min-width:90px;text-align:center;transition:border-color .15s ease,background .15s ease,color .15s ease}.settings-keybind-btn:hover{border-color:var(--brand)}.settings-keybind-btn--listening{border-color:var(--brand);background:var(--brand-dim);color:var(--brand);animation:keybind-pulse 1s ease infinite}@keyframes keybind-pulse{0%,to{opacity:1}50%{opacity:.6}}.settings-action-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-action-row+.settings-action-row{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.settings-action-buttons{display:flex;gap:6px;flex-shrink:0}.settings-btn{padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease;white-space:nowrap}.settings-btn:hover{border-color:var(--brand);color:var(--text-primary)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn--danger{color:var(--red);border-color:var(--red-dim-border)}.settings-btn--danger:hover{background:var(--red-dim)}.settings-btn--danger-confirm{color:var(--red);border-color:var(--red-dim-border);background:var(--red-dim)}.settings-btn--danger-confirm:hover{border-color:var(--red)}.settings-btn--delete{color:var(--red);border-color:var(--red-dim-border);background:var(--red-dim);font-weight:600}.settings-btn--delete:hover{border-color:var(--red);background:var(--red);color:#fff}.settings-btn--delete:disabled{opacity:.5;cursor:not-allowed}.settings-delete-form{display:flex;flex-direction:column;gap:var(--space-3)}.settings-delete-form .settings-hint{margin-top:0}.settings-input{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-mono);outline:none;transition:border-color .15s ease}.settings-input:focus{border-color:var(--brand)}.settings-checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer}.settings-checkbox-row input[type=checkbox]{accent-color:var(--brand);cursor:pointer;width:14px;height:14px}.settings-btn--block{display:block;width:100%}.settings-version-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-version-row+.settings-version-row{margin-top:var(--space-3)}.settings-version-text{font-size:12px;color:var(--text-primary);font-family:var(--font-mono)}.settings-version-dev{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.settings-processing-item-title{font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.settings-processing-item+.settings-processing-item{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.settings-processing-note{margin-top:var(--space-4)}.settings-mode-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.settings-mode-btn{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);text-align:left;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-mode-btn:hover{background:var(--bg-hover)}.settings-mode-btn--active{border-color:var(--brand);background:var(--brand-dim)}.settings-mode-btn-label{font-size:12px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.settings-mode-btn-desc{font-size:10px;line-height:1.3;color:var(--text-muted)}.settings-mic-test{margin-top:var(--space-2)}.settings-processing-grid{display:flex;flex-direction:column;gap:var(--space-3)}.settings-modal__done-btn{padding:6px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.settings-modal__done-btn:hover{border-color:var(--brand);color:var(--text-primary)}.settings-select-label{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:4px}.settings-select-label+.settings-select-label{margin-top:var(--space-2)}@media (max-width: 767px){.settings-modal{width:calc(100vw - 16px);max-width:520px;height:auto;max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080;align-self:center}.settings-card-title{font-size:12px}.settings-select{min-height:44px;font-size:16px}.settings-radio-option{min-height:44px;font-size:15px}.settings-keybind-btn{min-height:44px;font-size:14px}.settings-btn{min-height:44px;font-size:14px;padding:8px 18px}.settings-modal__done-btn{min-height:48px;font-size:15px;padding:10px 28px}.settings-slider-label{font-size:14px}}.settings-activity-card{display:flex;flex-direction:column;gap:12px;margin:12px 0 16px;padding:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.settings-activity-current{display:flex;flex-direction:column;gap:6px}.settings-activity-current-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.settings-activity-now{display:flex;align-items:center;gap:8px;min-width:0}.settings-activity-now-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-muted)}.settings-activity-now-icon--img{background:none}.settings-activity-now-img{width:28px;height:28px;border-radius:var(--radius-sm);-o-object-fit:contain;object-fit:contain}.settings-activity-now-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-activity-now-tag{flex-shrink:0;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--radius-full);background:var(--brand-dim);color:var(--brand)}.settings-activity-empty{font-size:12px;color:var(--text-muted);font-style:italic}.settings-activity-custom{display:flex;gap:8px;align-items:center}.settings-activity-custom .ui-field{flex:1;min-width:0}.settings-activity-input{width:100%;font-size:12px}.settings-activity-suggestions{display:flex;flex-direction:column;gap:6px}.settings-activity-suggestions-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.settings-activity-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto}.settings-activity-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.settings-activity-chip:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--text-primary)}.settings-activity-chip--active{background:var(--brand-dim);border-color:var(--brand);color:var(--brand);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-activity-chip-remove{font-size:12px;line-height:1;opacity:.5;transition:opacity .15s}.settings-activity-chip:hover .settings-activity-chip-remove{opacity:1}.server-menu{width:var(--settings-modal-w);height:var(--settings-modal-h)}.server-menu .modal__body{padding:0}@media (min-width: 768px){.server-menu .modal__body{display:flex;overflow:hidden}.server-menu .settings-layout{flex:1 1 auto;min-height:0;width:100%}}.server-menu__section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);margin-bottom:8px}.server-menu__upload-btn{font-size:10px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);font-weight:500}.server-menu__upload-btn:hover:not(:disabled){border-color:var(--brand);color:var(--text-primary);background:var(--bg-active)}.server-menu__upload-btn:disabled{opacity:.4;cursor:not-allowed}.server-menu__btn{font-size:10px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);font-weight:500}.server-menu__btn:hover:not(:disabled){border-color:var(--brand);color:var(--text-primary);background:var(--bg-active)}.server-menu__btn:disabled{opacity:.4;cursor:not-allowed}.server-menu__btn--danger{border-color:var(--red);color:var(--red)}.server-menu__btn--danger:hover:not(:disabled){background:var(--red);color:#fff}.server-menu__field{margin-bottom:8px}.server-menu__field:last-child{margin-bottom:0}.server-menu__label{display:block;font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);margin-bottom:4px}.server-menu__input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text-primary);font-size:12px;outline:none;font-family:var(--font-mono);transition:border-color .15s ease}.server-menu__input::-moz-placeholder{color:var(--text-muted)}.server-menu__input::placeholder{color:var(--text-muted)}.server-menu__input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-dim)}.server-menu__select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 32px 6px 10px;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);outline:none;transition:border-color .15s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b6b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.server-menu__select:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-dim)}.server-menu__settings-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:12px}.server-menu__settings-group:last-child{margin-bottom:0}.server-menu__settings-group-title{font-size:9px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.server-menu__settings-group .server-menu__toggle-row:first-of-type{margin-top:0}.server-menu__settings-group .server-menu__field:first-child{margin-top:0}.server-menu__save-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding-bottom:2px;flex-shrink:0}.server-menu__hint{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);margin-top:4px}.server-menu__save-btn{padding:5px 18px;background:var(--brand);color:#fff;font-size:11px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);letter-spacing:.02em;transition:background .15s ease,box-shadow .15s ease}.server-menu__save-btn:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 0 0 2px var(--brand-dim)}.server-menu__save-btn:disabled{opacity:.4;cursor:not-allowed}.server-menu__save-msg{font-size:10px;font-family:var(--font-mono)}.server-menu__save-msg--ok{color:var(--green)}.server-menu__save-msg--err{color:var(--red)}.server-menu__done-btn{padding:6px 20px;font-size:11px;font-weight:500;font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.server-menu__done-btn:hover{border-color:var(--brand);color:var(--text-primary);background:var(--bg-hover)}.server-menu__member{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);margin-bottom:6px}.server-menu__member-role{font-size:9px;font-family:var(--font-mono);color:var(--text-muted)}.server-menu__member-role--admin{color:var(--brand)}.server-menu__member-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.server-menu__member-action-btn{font-size:9px;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.server-menu__member-action-btn:hover{border-color:var(--brand);color:var(--brand)}.server-menu__member-action-btn--danger:hover{border-color:var(--red);color:var(--red)}.server-menu__loading{font-size:11px;color:var(--text-muted);text-align:center;padding:16px 0;font-family:var(--font-mono)}.server-menu__role-create{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}.server-menu__role-create-btn{padding:4px 12px;background:var(--brand);color:var(--text-primary);font-size:10px;font-family:var(--font-mono);border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%}.server-menu__role-create-btn:hover{background:var(--brand-hover)}.server-menu__role-create-btn:disabled{opacity:.5;cursor:not-allowed}.server-menu__section,.server-menu__tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.server-menu__toggle{font-size:10px;font-family:var(--font-mono);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.server-menu__toggle:hover{border-color:var(--brand);color:var(--text-primary)}.server-menu__toggle--on{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.server-menu__css-hint{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:8px}.server-menu__toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.server-menu__member:hover .server-menu__member-checkbox,.server-menu__member--selected .server-menu__member-checkbox{opacity:1}@keyframes overflowMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.server-menu__confirm-cancel{font-size:9px;font-family:var(--font-mono);padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.server-menu__confirm-cancel:hover{color:var(--text-primary)}.server-menu__role-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.server-menu__perm-tooltip{font-size:8px;font-family:var(--font-mono);color:var(--text-muted);line-height:1.4}.server-menu__webhook-created{background:#40c05714;border:1px solid var(--green-dim-border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.server-menu__webhook-created-heading{margin:0;font-size:11px;font-weight:600;color:var(--green)}.server-menu__webhook-created-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;font-size:10px;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all}@media (max-width: 767px){.modal-overlay{align-items:stretch}.server-menu{width:calc(100vw - 16px);max-width:480px;height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080;align-self:center;margin:auto}.server-menu__header{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px))}.server-menu__body{padding:16px}.server-menu__footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.server-menu__header-title{font-size:15px}.server-menu__tab{min-height:44px;font-size:13px}.server-menu__input,.server-menu__select,.server-menu__save-btn,.server-menu__done-btn{min-height:44px;font-size:14px}.server-menu__invite-row{grid-template-columns:1fr}.server-menu__css-editor{min-height:200px;font-size:13px}}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox:focus-visible .checkbox__box{box-shadow:0 0 0 2px var(--brand-dim)}.checkbox--disabled{opacity:.4;cursor:not-allowed}.checkbox input{opacity:0;width:0;height:0;position:absolute}.checkbox__box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid var(--border-color);border-radius:3px;background:var(--bg-tertiary);transition:background .15s ease,border-color .15s ease;flex-shrink:0}.checkbox input:checked+.checkbox__box{background:var(--brand);border-color:var(--brand)}.checkbox:hover .checkbox__box{border-color:var(--text-muted)}.checkbox input:checked+.checkbox__box:hover{border-color:var(--brand-hover)}.checkbox__check{width:10px;height:10px;color:var(--text-primary)}.checkbox__label{font-size:13px;color:var(--text-primary);line-height:1}.server-menu__profile-preview{position:relative;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary)}.server-menu__profile-banner{position:relative;height:100px;cursor:pointer;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.server-menu__profile-banner-empty{height:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%)}.server-menu__profile-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .2s ease}.server-menu__profile-banner:hover .server-menu__profile-banner-overlay{opacity:1}.server-menu__profile-banner-overlay span{font-size:10px;font-weight:500;color:#fff;font-family:var(--font-mono);letter-spacing:.03em;padding:4px 12px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.server-menu__profile-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.server-menu__profile-avatar-wrap{position:absolute;bottom:-12px;left:16px;z-index:1}.server-menu__profile-avatar{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text-primary);background:var(--brand);border:4px solid var(--bg-secondary);overflow:hidden;position:relative;cursor:pointer;transition:border-color .15s ease;box-shadow:0 2px 8px #0000004d}.server-menu__profile-avatar:hover{border-color:var(--brand)}.server-menu__profile-avatar-letter{z-index:0}.server-menu__profile-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-full)}.server-menu__profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s ease;border-radius:var(--radius-full)}.server-menu__profile-avatar:hover .server-menu__profile-avatar-overlay{opacity:1}.server-menu__profile-avatar-overlay span{font-size:18px;color:#fff;font-weight:300;line-height:1}.server-menu__profile-actions{display:flex;gap:6px;padding:20px 16px 12px;flex-wrap:wrap}.server-menu__profile-action{font-size:10px;font-weight:500;font-family:var(--font-mono);padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.server-menu__profile-action:hover{border-color:var(--brand);color:var(--text-primary);background:var(--bg-hover)}.server-menu__profile-action--remove:hover{border-color:var(--red);color:var(--red)}.server-menu__avatar-row{display:flex;align-items:center;gap:12px}.server-menu__avatar{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text-primary);background:var(--brand);flex-shrink:0;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border-color);transition:border-color .15s ease,box-shadow .15s ease}.server-menu__avatar:hover{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-dim)}.server-menu__avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md)}.server-menu__avatar-actions{display:flex;flex-wrap:wrap;gap:6px}.server-menu__remove-btn{font-size:10px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .15s ease;font-family:var(--font-mono);padding:0}.server-menu__remove-btn:hover{color:var(--red)}.server-menu__bg-row{display:flex;flex-direction:column;gap:8px}.server-menu__bg-preview{width:100%;height:96px;border-radius:var(--radius-sm);background-size:cover;background-position:center;border:1px solid var(--border-color)}.server-menu__bg-preview--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-style:dashed}.server-menu__bg-preview-placeholder{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.server-menu__bg-actions{display:flex;flex-direction:row;gap:8px;align-items:center}.server-menu__label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.server-menu__value-chip{font-size:9px;font-weight:600;font-family:var(--font-mono);color:var(--brand);background:var(--brand-dim);padding:1px 6px;border-radius:var(--radius-full)}.server-menu__info-loading{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);padding:8px 0;text-align:center}.server-menu__section--grow{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.server-menu__css-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:8px}.server-menu__css-editor{width:100%;flex:1 1 auto;min-height:180px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);line-height:1.6;resize:none;outline:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;transition:border-color .15s ease;box-sizing:border-box}.server-menu__css-editor:focus{border-color:var(--brand)}.server-menu__css-editor::-moz-placeholder{color:var(--text-muted);opacity:.6}.server-menu__css-editor::placeholder{color:var(--text-muted);opacity:.6}.server-menu__css-char-count{font-size:9px;font-family:var(--font-mono);color:var(--text-muted)}.server-menu__css-char-count--warn{color:var(--yellow)}.server-menu__css-char-count--over{color:var(--red)}.server-menu__invite-create{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}.server-menu__invite-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.server-menu__invite-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);margin-bottom:4px}.server-menu__invite-code{font-size:11px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.05em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-menu__invite-stats{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;text-align:right}.server-menu__invite-revoke{font-size:9px;font-family:var(--font-mono);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.server-menu__invite-revoke:hover{border-color:var(--red);color:var(--red)}.server-menu__qr-panel{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg-hover);border:1px solid var(--accent-color);border-radius:8px;padding:12px;margin:12px 0}.server-menu__qr-img{border-radius:4px;image-rendering:pixelated}.server-menu__qr-code-row{display:flex;align-items:center;gap:8px}.server-menu__qr-code{font-size:11px;font-family:monospace;font-weight:600;letter-spacing:1px;background:var(--bg-primary);padding:4px 10px;border-radius:4px;border:1px solid var(--border-color);color:var(--text-primary)}.server-menu__qr-copy-btn{font-size:10px;font-family:monospace;color:var(--text-muted);background:none;border:1px solid var(--border-color);border-radius:3px;padding:2px 8px;cursor:pointer;transition:color .15s,border-color .15s}.server-menu__qr-copy-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.server-menu__qr-hint{font-size:9px;font-family:monospace;color:var(--text-muted);text-align:center}.server-menu__qr-dismiss-btn{font-size:10px;font-family:monospace;color:var(--text-muted);background:none;border:none;cursor:pointer}.server-menu__qr-dismiss-btn:hover{color:var(--text-primary)}.server-menu__invite-actions{display:flex;gap:4px;align-items:center}.server-menu__invite-qr-btn{font-size:9px;font-family:monospace;padding:2px 8px;background:transparent;border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s}.server-menu__invite-qr-btn:hover{color:var(--text-primary);border-color:var(--accent-color)}.server-menu__invite-qr-btn--active{color:var(--accent-color);border-color:var(--accent-color);background:var(--brand-dim)}.server-menu__member-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-primary);background:var(--brand-dim);border:1px solid rgba(76,110,245,.3);flex-shrink:0;overflow:hidden;position:relative}.server-menu__member-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.server-menu__member-info{flex:1;min-width:0}.server-menu__member-name{font-size:11px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-menu__member-badge{font-size:9px;padding:1px 6px;border-radius:var(--radius-full);border:1px solid;font-family:var(--font-mono)}.server-menu__member-self{font-size:8px;color:var(--brand);margin-left:4px}.server-menu__member-msg{font-size:9px;font-family:var(--font-mono);color:var(--green);flex-shrink:0}.server-menu__role-remove-btn{margin-left:3px;font-size:8px;background:none;border:none;color:inherit;cursor:pointer;opacity:.6;padding:0 2px;line-height:1;transition:opacity .15s ease}.server-menu__role-remove-btn:hover{opacity:1}.server-menu__member-search{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 10px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);outline:none;margin-bottom:12px;transition:border-color .15s ease}.server-menu__member-search::-moz-placeholder{color:var(--text-muted)}.server-menu__member-search::placeholder{color:var(--text-muted)}.server-menu__member-search:focus{border-color:var(--brand)}.server-menu__member-avatar-wrap{position:relative;flex-shrink:0}.server-menu__status-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-secondary)}.server-menu__status-dot--online{background:var(--green)}.server-menu__status-dot--idle{background:var(--yellow)}.server-menu__status-dot--busy{background:var(--red)}.server-menu__status-dot--invisible{background:var(--text-muted)}.server-menu__member-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;cursor:pointer;opacity:0;transition:opacity .15s ease;position:relative}.server-menu__member-checkbox input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.server-menu__member-checkbox-visual{display:block;width:14px;height:14px;border-radius:3px;border:1.5px solid var(--text-muted);background:var(--bg-tertiary);transition:all .15s ease;position:relative}.server-menu__member-checkbox input:checked+.server-menu__member-checkbox-visual{background:var(--brand);border-color:var(--brand)}.server-menu__member-checkbox input:checked+.server-menu__member-checkbox-visual:after{content:"";position:absolute;left:3.5px;top:1px;width:4px;height:8px;border:solid var(--text-primary);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.server-menu__member-checkbox:hover .server-menu__member-checkbox-visual{border-color:var(--brand)}.server-menu__member--selected{background:var(--brand-dim);border-color:var(--brand)}.server-menu__bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--brand-dim);border:1px solid var(--brand);border-radius:var(--radius-md);margin-bottom:12px;flex-wrap:wrap}.server-menu__bulk-bar-count{font-size:10px;font-family:var(--font-mono);color:var(--brand);font-weight:600;white-space:nowrap}.server-menu__bulk-bar-actions{display:flex;gap:4px;flex-wrap:wrap}.server-menu__bulk-bar-btn{font-size:9px;font-family:var(--font-mono);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--brand);background:var(--bg-hover);color:var(--brand);cursor:pointer;transition:all .15s ease}.server-menu__bulk-bar-btn:hover{background:var(--brand);color:var(--text-primary)}.server-menu__bulk-bar-btn--danger{border-color:var(--red);color:var(--red)}.server-menu__bulk-bar-btn--danger:hover{background:var(--red);color:var(--text-primary)}.server-menu__member-overflow-wrap{position:relative;flex-shrink:0}.server-menu__member-overflow-btn{display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px;cursor:pointer;transition:all .15s ease;line-height:1}.server-menu__member-overflow-btn:hover{color:var(--text-primary);border-color:var(--border-color);background:var(--bg-hover)}.server-menu__member-overflow-btn--active{color:var(--brand);border-color:var(--brand);background:var(--brand-dim)}.server-menu__overflow-menu{position:absolute;right:0;top:100%;margin-top:4px;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;z-index:10;box-shadow:0 8px 24px #0006;animation:overflowMenuIn .12s ease-out}.server-menu__overflow-item{display:block;width:100%;text-align:left;font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;transition:all .12s ease}.server-menu__overflow-item:hover{background:var(--bg-hover);color:var(--text-primary)}.server-menu__overflow-item--danger:hover{background:var(--red-dim);color:var(--red)}.server-menu__overflow-divider{height:1px;background:var(--border-color);margin:4px 0}.server-menu__overflow-section-title{font-size:8px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px 2px}.server-menu__overflow-role-item{display:flex;align-items:center;gap:6px;width:100%;font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:all .12s ease;text-align:left}.server-menu__overflow-role-item:hover{background:var(--bg-hover);color:var(--text-primary)}.server-menu__overflow-role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-menu__overflow-role-check{margin-left:auto;font-size:10px;color:var(--green)}.server-menu__confirm-panel{padding:8px 10px;background:var(--red-dim);border:1px solid var(--red-dim-border);border-radius:var(--radius-sm);margin-top:6px}.server-menu__confirm-text{font-size:10px;font-family:var(--font-mono);color:var(--red);margin-bottom:6px}.server-menu__confirm-actions{display:flex;gap:6px}.server-menu__confirm-btn{font-size:9px;font-family:var(--font-mono);padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--red);background:var(--red);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.server-menu__confirm-btn:hover{background:var(--red-hover)}.server-menu__self-warn{font-size:9px;font-family:var(--font-mono);color:var(--yellow);background:#fab0051a;border:1px solid rgba(250,176,5,.3);border-radius:var(--radius-sm);padding:6px 10px;margin-top:8px}.server-menu__role-create-row{display:flex;gap:8px;margin-bottom:8px}.server-menu__role-create-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);outline:none}.server-menu__role-create-input:focus{border-color:var(--brand)}.server-menu__color-input{width:36px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:var(--bg-tertiary)}.server-menu__color-input::-webkit-color-swatch-wrapper{padding:2px}.server-menu__color-input::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 2px)}.server-menu__perm-toggles{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.server-menu__perm-toggle{font-size:9px;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.server-menu__perm-toggle--on{background:var(--brand-dim);border-color:var(--brand);color:var(--brand)}.server-menu__role-flags{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}.server-menu__role-flag{display:flex;align-items:center;gap:4px;font-size:10px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.server-menu__role-flag input[type=checkbox]{accent-color:var(--brand);cursor:pointer}.server-menu__role-tag{font-size:8px;font-family:var(--font-mono);padding:1px 5px;border-radius:3px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-color);white-space:nowrap}.server-menu__role-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;margin-bottom:6px}.server-menu__role-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.server-menu__role-name{font-size:11px;font-weight:600;color:var(--text-primary)}.server-menu__role-actions{margin-left:auto;display:flex;gap:4px}.server-menu__role-action-btn{font-size:9px;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.server-menu__role-action-btn:hover{border-color:var(--brand);color:var(--brand)}.server-menu__role-action-btn--danger:hover{border-color:var(--red);color:var(--red)}.server-menu__role-count{font-size:9px;font-family:var(--font-mono);color:var(--text-muted)}.server-menu__role-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tabs--underline{display:flex;gap:0;margin-top:16px;border-bottom:1px solid var(--border-color)}.tabs--underline .tabs__tab{padding:6px 14px;font-size:10px;font-family:inherit;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease}.tabs--underline .tabs__tab:hover{color:var(--text-primary)}.tabs--underline .tabs__tab--active{color:var(--brand);border-bottom-color:var(--brand)}.tabs--pill{display:flex;gap:4px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px}.tabs--pill .tabs__tab{flex:1;padding:6px 0;font-size:10px;font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:none;transition:all .15s ease;position:relative}.tabs--pill .tabs__tab:hover{color:var(--text-primary)}.tabs--pill .tabs__tab--active{background:var(--bg-hover);color:var(--text-primary)}.tabs--pill .tabs__tab--active:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--brand);border-radius:1px}@media (max-width: 767px){.tabs--underline,.tabs--pill{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.tabs--underline::-webkit-scrollbar,.tabs--pill::-webkit-scrollbar{display:none}.tabs--underline .tabs__tab{min-height:44px;flex-shrink:0;white-space:nowrap;padding:8px 16px;font-size:14px}.tabs--pill .tabs__tab{min-height:44px;flex:0 0 auto;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;padding:8px 18px;font-size:13px}}.server-menu__gif-upload{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.server-menu__gif-grid{-moz-column-count:3;column-count:3;-moz-column-gap:6px;column-gap:6px;width:100%}.server-menu__gif-item{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:6px;display:inline-block;width:100%}.server-menu__gif-thumb{width:100%;height:auto;display:block;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.server-menu__gif-item-info{padding:4px 6px;display:flex;flex-direction:column;gap:1px}.server-menu__gif-item-name{font-size:10px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-menu__gif-item-cat{font-size:9px;color:var(--text-muted)}.server-menu__gif-delete{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;opacity:0;display:flex;align-items:center;transition:opacity .15s}.server-menu__gif-item:hover .server-menu__gif-delete{opacity:1}.server-menu__gif-delete:hover{background:var(--red)}.server-menu__gif-edit{position:absolute;top:4px;right:26px;background:#0009;color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;opacity:0;display:flex;align-items:center;transition:opacity .15s}.server-menu__gif-item:hover .server-menu__gif-edit{opacity:1}.server-menu__gif-edit:hover{background:var(--accent, #5b7cfa)}.server-menu__gif-ai{position:absolute;top:4px;right:48px;background:#0009;color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;opacity:0;display:flex;align-items:center;transition:opacity .15s;font-size:10px;min-width:20px;justify-content:center}.server-menu__gif-item:hover .server-menu__gif-ai{opacity:1}.server-menu__gif-ai:hover{background:var(--accent, #5b7cfa)}.server-menu__gif-popover{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 12px #0000004d}.server-menu__gif-popover input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:5px 8px;font-size:11px;color:var(--text-primary);outline:none;width:100%;box-sizing:border-box}.server-menu__gif-popover input:focus{border-color:var(--accent, #5b7cfa)}.server-menu__gif-popover-actions{display:flex;gap:6px;justify-content:flex-end}.server-menu__gif-popover-btn{padding:4px 10px;font-size:10px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.server-menu__gif-popover-btn--save{background:var(--accent, #5b7cfa);color:#fff}.server-menu__gif-popover-btn--cancel{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.server-menu__gif-suggested{border-top:1px solid var(--border-color);padding-top:6px;margin-top:2px}.server-menu__gif-suggested-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.server-menu__gif-suggested-dismiss{background:none;border:none;color:var(--text-muted);font-size:9px;cursor:pointer;padding:0;text-decoration:underline}.server-menu__gif-suggested-dismiss:hover{color:var(--text-primary)}.server-menu__gif-suggested-list{display:flex;flex-wrap:wrap;gap:4px}.server-menu__gif-suggested-tag{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:2px 8px;font-size:10px;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s}.server-menu__gif-suggested-tag:hover{background:var(--accent, #5b7cfa);color:#fff;border-color:var(--accent, #5b7cfa)}.server-menu__gif-suggested-tag--accepted{background:var(--accent, #5b7cfa);color:#fff;border-color:var(--accent, #5b7cfa);opacity:.7;cursor:default}.server-menu__webhook-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);margin-bottom:4px}.server-menu__webhook-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.server-menu__webhook-item-name{font-size:12px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.server-menu__webhook-item-channel{font-size:9px;color:var(--text-muted);font-family:var(--font-mono)}.server-menu__webhook-item-date{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.server-menu__webhook-item-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.settings-scope{display:flex;gap:2px;padding:3px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.settings-scope__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background .12s ease,color .12s ease}.settings-scope__btn:hover{color:var(--text-primary)}.settings-scope__btn--active{background:var(--bg-active);color:var(--text-primary)}.settings-scope__btn--active svg{color:var(--brand)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-hover: #262626;--bg-active: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #808080;--border-color: #2a2a2a;--brand: #A1D93F;--brand-hover: #8cc22e;--brand-dim: rgba(161, 217, 63, .15);--brand-dim-border: rgba(161, 217, 63, .25);--brand-glow: rgba(161, 217, 63, .2);--accent-color: #A1D93F;--bg-surface: #1a1a1a;--modal-bg: rgba(17, 17, 17, .94);--modal-backdrop: rgba(0, 0, 0, .6);--red: #ff4d4d;--red-hover: #ff3333;--red-dim: rgba(255, 77, 77, .15);--red-dim-border: rgba(255, 77, 77, .3);--green: #40c057;--green-dim: rgba(64, 192, 87, .15);--green-dim-border: rgba(64, 192, 87, .2);--yellow: #fab005;--gray: #6b7280;--avatar-bg-default: #374151;--success: #4ade80;--error: #f87171;--warning: #fbbf24;--success-faded: #86efac;--error-faded: #fca5a5;--error-bg: rgba(248, 113, 113, .12);--success-bg: rgba(74, 222, 128, .12);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 3.5px var(--brand);--elev-0: none;--elev-1: 0 1px 3px rgba(0, 0, 0, .3);--elev-2: 0 4px 12px rgba(0, 0, 0, .4);--elev-3: 0 8px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--elev-4: 0 -8px 32px rgba(0, 0, 0, .5);--z-base: 1;--z-panel: 10;--z-drawer: 40;--z-banner: 50;--z-overlay: 100;--z-popover: 1000;--z-modal: 2000;--z-toast: 3000;--z-tooltip: 9999;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--modal-w-xs: min(400px, 92vw);--modal-w-sm: min(460px, 92vw);--modal-w-md: min(520px, 92vw);--modal-w-lg: min(600px, 92vw);--settings-modal-w: min(920px, 92vw);--settings-modal-h: min(700px, 88vh)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}html{-webkit-text-size-adjust:100%}a,button,[role=button],[tabindex]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:0;top:0;width:auto;height:auto;overflow:visible;background:var(--brand);color:var(--text-primary);padding:var(--space-3) var(--space-5);z-index:10000;border-radius:0 0 var(--radius-sm) 0;font-weight:600}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background-color:var(--bg-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--text-muted)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none;box-shadow:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:var(--text-primary);font-weight:500;font-size:.875rem;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-size:.875rem;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,color .15s ease}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:var(--text-primary);font-weight:500;font-size:.875rem;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.btn-danger:hover{background:var(--red-hover)}.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3.5px var(--red)}.input-field{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease}.input-field::-moz-placeholder{color:var(--text-muted)}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--brand)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:600;color:var(--text-primary);flex-shrink:0;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-xs{width:24px;height:24px;font-size:.625rem}.icon-xs{width:14px;height:14px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}@media (max-width: 767px){body{font-size:.9375rem;line-height:1.5}.btn-primary,.btn-secondary,.btn-danger{min-height:44px;padding:10px var(--space-5);font-size:1rem}.input-field{min-height:44px;font-size:1rem;padding:10px 14px}body{-webkit-tap-highlight-color:transparent}a,button,[role=button],[tabindex]{touch-action:manipulation}}@media (max-width: 480px){:root{--radius-lg: 12px;--radius-xl: 18px}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-hover);color:var(--text-primary);font-size:12px;font-weight:500;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);box-shadow:0 4px 12px #0006;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:9999}[data-tooltip-side=right]:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}@media (hover: hover){[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}[data-tooltip-side=right]:hover:after{opacity:1;transform:translateY(-50%) translate(0)}}@media (pointer: coarse){*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:row;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.app-shell__content{flex:1;display:flex;overflow:hidden;min-width:0}@media (max-width: 767px){.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}body input[type=text],body input[type=search],body input[type=email],body input[type=password],body input[type=url],body textarea,body select{font-size:16px}.touch-target{min-height:44px}.chat-layout--mobile,.mobile-tab__body,.mobile-content .sidebar__content,.chat-area__messages,.member-list__body,.welcome,.landing{-webkit-overflow-scrolling:touch}.chat-layout--mobile{overscroll-behavior:contain}.sidebar__channel,.member-list__member,.msg-bubble__reaction,.server-panel__icon,.welcome__server-item,.quick-switcher__item{-moz-user-select:none;user-select:none;-webkit-user-select:none}html,body{overscroll-behavior-y:none}body{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}img,svg,video{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true],code,pre,.msg-bubble__content,.msg-bubble__text,.selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}button:active,a:active,[role=button]:active{opacity:.6;transition:opacity .04s ease-out}}