.binary-segment{position:relative;display:inline-flex;width:36px;height:20px;background:var(--surface-inset);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:1px;flex-shrink:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.binary-segment:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.binary-segment--disabled{opacity:.4;pointer-events:none}.binary-segment__knob{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-segment-active);transition:transform var(--duration-fast) var(--ease-default)}.binary-segment--on{background:var(--toggle-active)}.binary-segment--on .binary-segment__knob{transform:translateX(16px)}.segmented-control{display:flex;flex-direction:column;gap:6px}.segmented-control--disabled{opacity:.5;pointer-events:none}.segmented-control__label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.segmented-control__options{display:flex;gap:2px;background:var(--surface-inset);border-radius:var(--radius-default);padding:2px}.segmented-control__option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:5px 10px;border:none;border-radius:5px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium,500);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.segmented-control__option:hover{color:var(--text-primary)}.segmented-control__option--active{background:var(--surface-tertiary);color:var(--text-primary);font-weight:var(--font-semibold,600);box-shadow:var(--shadow-segment-active)}.segmented-control__icon{display:flex;align-items:center}.segmented-control__icon .MuiSvgIcon-root{font-size:var(--text-sm)!important}.tile-select{display:flex;flex-direction:column;gap:6px;overflow:visible}.tile-select--disabled{opacity:.5;pointer-events:none}.tile-select__label{font-size:1rem;font-weight:550;letter-spacing:.01em;color:var(--text-primary)}.tile-select__grid{overflow:visible;display:grid;gap:12px}.tile-select__grid.cols-1{grid-template-columns:1fr}.tile-select__grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.tile-select__grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tile-select__grid.cols-4{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.tile-select__grid.cols-5{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.tile-select__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:visible;padding:0;border:none;border-radius:0;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.tile-select__tile-badge{position:absolute;top:-6px;right:-4px;padding:2px 6px;background:var(--accent-primary);color:#fff;font-size:var(--text-3xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.04em;line-height:1;pointer-events:none}.tile-select__tile:hover{color:var(--text-primary)}.tile-select__tile:active{transform:scale(.97)}.tile-select__tile.selected{color:var(--text-primary)}.tile-select__thumb{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-default);overflow:hidden;background:var(--surface-inset);opacity:.5;transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.tile-select__tile:hover .tile-select__thumb{opacity:1;box-shadow:0 0 0 1px var(--border-strong)}.tile-select__tile.selected .tile-select__thumb{opacity:1;background:var(--surface-tertiary);box-shadow:0 0 0 1px var(--toggle-active),inset 0 0 10px rgba(var(--toggle-active-rgb),.12)}.tile-select__icon{width:100%;height:100%;display:block;object-fit:cover}.tile-select__icon--node{display:flex;align-items:center;justify-content:center}.tile-select__tile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-select__tile-label{font-size:var(--text-xs);font-weight:400;line-height:1}.tile-select__tile-hint{font-size:var(--text-2xs);font-weight:400;line-height:1.3;color:var(--text-tertiary);opacity:.8}.tile-select__tile--toggle-all{aspect-ratio:1;justify-content:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-default)}.tile-select__tile--toggle-all:hover{border-color:var(--text-tertiary);color:var(--text-secondary)}.tile-select__tile.preview-add{color:var(--status-success)}.tile-select__tile.preview-add .tile-select__thumb{opacity:1;box-shadow:0 0 0 1px var(--status-success),inset 0 0 12px rgba(var(--status-success-rgb),.16)}.tile-select__tile.preview-remove{color:var(--status-error);opacity:.7}.tile-select__tile.preview-remove .tile-select__thumb{opacity:1;box-shadow:0 0 0 1px var(--status-error),inset 0 0 12px rgba(239,68,68,.16)}.settings-panel{display:flex;flex-direction:column;height:100%;width:100%;padding:0;box-sizing:border-box}.settings-panel__inner{background:var(--surface-primary);overflow:hidden}.settings-panel__inner,.settings-panel__scroll{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.settings-panel__scroll{overflow-y:auto;overflow-x:hidden;mask-image:linear-gradient(to bottom,#000 calc(100% - var(--space-12)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--space-12)),transparent 100%)}.settings-panel__column{display:flex;flex-direction:column;gap:0;width:min(480px,calc(100% - var(--space-8)));margin-left:auto;margin-right:auto;padding:var(--space-16) 0 var(--space-12)}.settings-panel__island-icon{font-size:var(--text-base)}.settings-panel__section{display:flex;flex-direction:column;gap:var(--space-1)}.settings-panel__section+.settings-panel__section{margin-top:var(--space-5)}.settings-panel__section-header{font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.01em;color:var(--text-primary);margin-bottom:var(--space-1)}.settings-panel__control-card{display:flex;flex-direction:column;gap:var(--space-2)}.settings-panel--compact .settings-panel__inner{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-panel--compact .settings-panel__scroll{mask-image:none;-webkit-mask-image:none}.settings-panel--compact .settings-panel__column{padding:0 var(--space-1);width:100%}.settings-panel__user-section{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.settings-panel__avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);background:var(--color-violet);color:var(--text-on-brand);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0}.settings-panel__email{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--text-primary);word-break:break-all;line-height:1.3}.settings-panel__logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;margin-top:auto;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--status-error);background:transparent;border:none;border-radius:var(--radius-default);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.settings-panel__logout-btn:hover{background:var(--status-error-bg);color:var(--status-error)}.settings-panel__logout-btn:active{transform:scale(.98)}.settings-panel__logout-btn svg{width:var(--space-4);height:var(--space-4)}.settings-panel__shortcuts-table{display:flex;flex-direction:column;gap:2px}.settings-panel__shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3) var(--space-2) 0;border-radius:var(--radius-default);transition:background var(--duration-fast) var(--ease-default)}.settings-panel__shortcut-label{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-primary)}.settings-panel__shortcut-keys{display:flex;align-items:center;gap:var(--space-1)}.settings-panel__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);padding:var(--space-1) var(--space-2);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-normal);font-family:inherit;color:var(--text-primary)}.settings-panel .form-toggle{padding:var(--space-2) var(--space-3);gap:var(--space-3);border-radius:var(--radius-default);background:transparent;border:none}.settings-panel .form-toggle:hover{background:var(--surface-hover)}.settings-panel .form-toggle--checked{background:transparent}.settings-panel .form-toggle--checked:hover{background:var(--surface-hover)}.settings-panel .form-toggle--checked .form-toggle__icon{color:var(--accent-primary)}.settings-panel__shortcut-category{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:var(--space-4) 0 var(--space-1) 0;margin-top:var(--space-1);border-top:1px solid var(--border-subtle)}.settings-panel__shortcut-category:first-child{margin-top:0;padding-top:0;border-top:none}.settings-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-radius:var(--radius-default);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.settings-panel__toggle-row:hover{background:var(--surface-hover)}.settings-panel__toggle-label{font-size:var(--text-xs);color:var(--text-primary);display:block}.settings-panel__toggle-hint{font-size:var(--text-2xs);color:var(--text-tertiary);display:block;margin-top:2px}.mobile-nav-pill{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 8px);left:calc(env(safe-area-inset-left, 0px) + 16px);z-index:var(--z-dynamic-island,1001);transform-origin:top left;transition:top .35s cubic-bezier(.32,.72,0,1)}.mobile-nav-pill-trigger{height:var(--di-height,48px);min-width:var(--di-height,48px);padding:0 var(--di-padding-inline,8px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-secondary);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:none;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--icon-default);cursor:pointer;transition:width var(--duration-spring-morph,.42s) var(--spring-snappy,ease-out),padding var(--duration-spring-morph,.42s) var(--spring-snappy,ease-out),background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.mobile-nav-pill-trigger:hover{background:var(--surface-hover);color:var(--icon-hover)}.mobile-nav-pill-hover-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-2xs);font-weight:var(--font-medium,500);color:var(--text-secondary);line-height:1;padding:0;will-change:max-width,opacity;transition:max-width var(--duration-spring-morph,.42s) var(--spring-snappy,ease-out),opacity var(--duration-fast,.15s) var(--ease-default,ease),padding var(--duration-spring-morph,.42s) var(--spring-snappy,ease-out)}.mobile-nav-pill-trigger:hover .mobile-nav-pill-hover-label,[data-toolbar-style=expanded] .mobile-nav-pill-hover-label{max-width:80px;opacity:1;padding-left:4px;padding-right:2px}@media (hover:none){.mobile-nav-pill-trigger:hover .mobile-nav-pill-hover-label{max-width:0;opacity:0;padding:0}}.mobile-nav-pill-trigger:active{transform:scale(.95)}.mobile-nav-pill--expanded .mobile-nav-pill-trigger{background:var(--accent-subtle);color:var(--accent-primary)}.mobile-nav-pill-icon{display:flex;align-items:center;justify-content:center}.mobile-nav-pill-icon,.mobile-nav-pill-icon svg{width:20px;height:20px}.mobile-nav-pill-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;padding:var(--space-2,8px);background:var(--surface-secondary);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:none;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);animation:dropdownSlideIn var(--duration-fast,.15s) var(--ease-out)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-nav-pill-item{display:flex;align-items:center;gap:var(--space-3,12px);width:100%;padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius-md,8px);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium,500);text-align:left;cursor:pointer;transition:background-color var(--duration-fast,.1s) var(--ease-default),color var(--duration-fast,.1s) var(--ease-default)}.mobile-nav-pill-item:hover:not(.mobile-nav-pill-item--active):not(.mobile-nav-pill-item--primary){background:var(--surface-tertiary);color:var(--text-primary)}.mobile-nav-pill-item:active{background:var(--surface-elevated)}.mobile-nav-pill-item--active{background:var(--accent-subtle);color:var(--accent-primary)}.mobile-nav-pill-item--active:hover{background:var(--accent-medium)}.mobile-nav-pill-item--primary{color:var(--text-tertiary)}.mobile-nav-pill-item--primary:hover{background:var(--surface-tertiary);color:var(--text-primary)}.mobile-nav-pill-item--primary .mobile-nav-pill-item-icon{width:24px;height:24px;background:var(--accent-primary);border-radius:50%;color:#fff}.mobile-nav-pill-item--primary:hover .mobile-nav-pill-item-icon{background:var(--accent-hover)}.mobile-nav-pill-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.mobile-nav-pill-item-icon svg{width:18px;height:18px}.mobile-nav-pill-item-label{flex:1}.mobile-nav-pill-item-icon--with-badge{position:relative}.mobile-nav-pill-item-badge{position:absolute;top:-6px;right:-10px;min-width:14px;height:14px;padding:0 3px;background:var(--surface-primary);color:var(--accent-primary);font-size:var(--text-3xs);font-weight:var(--font-semibold,600);border-radius:var(--radius-full,999px);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.theme-light .mobile-nav-pill-item-badge{background:var(--surface-secondary)}.mobile-nav-pill-divider{height:1px;margin:var(--space-2,8px) var(--space-3,12px);background:var(--border-subtle);opacity:.5}.mobile-nav-pill-dropdown--panel{width:min(320px,calc(100vw - 24px));max-height:min(480px,calc(100vh - 120px));padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-panel)}.mobile-nav-pill-panel{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-nav-pill-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:16px 16px 8px 12px;padding:0;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--icon-default);cursor:pointer;transition:all .15s ease;flex-shrink:0}.mobile-nav-pill-back:hover{background:var(--surface-hover);color:var(--icon-hover)}.mobile-nav-pill-back svg{width:20px;height:20px}.mobile-nav-pill-panel-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 16px 16px 12px;flex-shrink:0}.mobile-nav-pill-search{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:0 12px;height:36px;background:var(--surface-tertiary);border:none;border-radius:var(--radius-default,8px);transition:background-color var(--duration-fast) var(--ease-default)}.mobile-nav-pill-search:focus-within{background:var(--surface-hover)}.mobile-nav-pill-search-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.mobile-nav-pill-search-input{flex:1;background:transparent;border:none;outline:none;padding:0;min-width:0;font-size:var(--text-sm,13px);color:var(--text-primary)}.mobile-nav-pill-search-input::placeholder{color:var(--text-tertiary)}.mobile-nav-pill-panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 8px 8px}.mobile-nav-pill-empty,.mobile-nav-pill-loading{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-tertiary);font-size:var(--text-sm,13px);text-align:center}.mobile-nav-pill-conversations{display:flex;flex-direction:column}.mobile-nav-pill-conversation{width:100%;padding:10px 12px;margin-bottom:2px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;text-align:left;position:relative;transition:background-color var(--duration-fast) var(--ease-default)}.mobile-nav-pill-conversation:hover{background:hsla(0,0%,100%,.04)}.mobile-nav-pill-conversation.active{background:hsla(0,0%,100%,.06)}.mobile-nav-pill-conversation.active .mobile-nav-pill-conversation-title{color:#6fb8ff}.mobile-nav-pill-conversation-content{display:flex;flex-direction:column;gap:2px}.mobile-nav-pill-conversation-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-xs);font-weight:500;line-height:1.4;color:var(--text-primary)}.mobile-nav-pill-conversation-date{font-size:var(--text-2xs);color:var(--text-detail-subline,var(--text-tertiary))}.theme-light .mobile-nav-pill-conversation:hover{background:rgba(0,0,0,.04)}.theme-light .mobile-nav-pill-conversation.active{background:rgba(0,0,0,.06)}[data-theme=dark] .mobile-nav-pill-dropdown{box-shadow:var(--shadow-panel),0 8px 32px rgba(0,0,0,.25)}@media (prefers-reduced-motion:reduce){.mobile-nav-pill-dropdown{animation:none}.mobile-nav-pill-hover-label,.mobile-nav-pill-trigger{transition-duration:.01ms!important}}@media (forced-colors:active){.mobile-nav-pill-dropdown,.mobile-nav-pill-trigger{border:2px solid ButtonText}.mobile-nav-pill-item--active{background:Highlight;color:HighlightText}}