.version-popup-overlay{position:fixed;inset:0;background:rgba(var(--black-rgb),.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-critical);padding:20px;animation:versionOverlayFadeIn .2s ease-out forwards}@keyframes versionOverlayFadeIn{0%{opacity:0}to{opacity:1}}.version-popup-container{background:var(--background-secondary);backdrop-filter:blur(var(--background-blur));-webkit-backdrop-filter:blur(var(--background-blur));border:none;border-radius:var(--radius-panel);box-shadow:0 25px 50px -12px var(--shadow-color);width:100%;max-width:520px;min-height:400px;max-height:min(580px,85vh);display:flex;flex-direction:column;overflow:hidden;animation:versionModalSlideUp .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes versionModalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.version-popup-header{position:relative;display:flex;align-items:center;gap:12px;padding:20px 20px 16px;flex-shrink:0}.version-popup-header .di-close-btn{flex-shrink:0}.version-popup-header .version-popup-actions{margin-left:auto}.version-popup-header:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent 0,var(--border-subtle) 20%,var(--border-subtle) 80%,transparent 100%)}.version-popup-title-section{display:flex;flex-direction:column;gap:4px}.version-popup-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ink-primary);margin:0;letter-spacing:-.02em}.version-popup-date{display:flex;align-items:center;font-size:var(--text-xs);color:var(--ink-tertiary);gap:6px}.version-popup-date-icon{width:14px!important;height:14px!important;opacity:.7}.version-popup-actions{display:flex;align-items:center;gap:8px}.version-popup-tab-toggle{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-md);background:var(--background-tertiary);border:none;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap}.version-popup-tab-toggle:hover{background:var(--background-hover);color:var(--ink-primary)}.version-popup-tab-toggle.active{background:var(--accent-primary);color:#fff}.version-popup-tab-icon{width:16px!important;height:16px!important;flex-shrink:0}.version-popup-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:24px;min-height:0;mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.version-popup-content::-webkit-scrollbar{width:6px}.version-popup-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.version-popup-content::-webkit-scrollbar-track{background:transparent}.version-section-title{font-size:var(--text-xs);color:var(--ink-tertiary);letter-spacing:.05em;margin:0 0 12px;display:flex;gap:8px}.version-new-badge,.version-section-title{font-weight:var(--font-semibold);text-transform:uppercase;align-items:center}.version-new-badge{display:inline-flex;padding:3px 8px;background:var(--accent-primary);color:#fff;font-size:var(--text-3xs);border-radius:var(--radius-md);letter-spacing:.04em}.version-popup-unified-view{gap:24px;padding-bottom:8px}.version-popup-changes-list,.version-popup-history-section,.version-popup-latest-section,.version-popup-unified-view{display:flex;flex-direction:column}.version-popup-changes-list{gap:10px}.version-popup-change-item{padding:14px 16px;border-radius:var(--radius-default);background:var(--background-secondary);border:none;box-shadow:var(--shadow-card);transition:all var(--duration-fast) var(--ease-default)}.version-popup-change-item:hover{background:var(--background-hover);box-shadow:var(--shadow-hover-card)}.version-popup-change-content{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:2px solid var(--accent-primary)}.version-popup-change-text{flex:1;min-width:0}.version-popup-change-text .markdown-content>:first-child,.version-popup-change-text>div>:first-child{margin-top:0!important}.version-popup-change-text .markdown-content>:last-child,.version-popup-change-text>div>:last-child{margin-bottom:0!important}.version-popup-change-text h2{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--ink-primary);margin:0;line-height:1.4}.version-popup-change-text p{font-size:var(--text-sm);font-weight:400;line-height:1.5;color:var(--ink-secondary);margin:0}.version-popup-change-text code{background:var(--background-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary)}.version-popup-change-text strong{font-weight:var(--font-semibold);color:var(--ink-primary)}.version-popup-details{display:flex;flex-direction:column;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-subtle)}.version-popup-details__label{display:flex;align-items:center;gap:6px;margin-bottom:9px;font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-tertiary)}.version-popup-details__count{font-weight:var(--font-medium);letter-spacing:0;color:var(--ink-tertiary)}.version-popup-details__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.version-popup-details__item{position:relative;min-width:0;padding-left:15px;font-size:var(--text-sm);line-height:1.5;color:var(--ink-secondary);transition:color var(--duration-fast) var(--ease-default)}.version-popup-details__item:before{content:"";position:absolute;left:3px;top:.62em;width:4px;height:4px;border-radius:var(--radius-full);background:var(--ink-tertiary);opacity:.6}.version-popup-details__item:hover{color:var(--ink-primary)}.version-popup-details__item :first-child{margin-top:0!important}.version-popup-details__item :last-child{margin-bottom:0!important}.version-popup-details__item p{margin:0;font-size:var(--text-sm);line-height:1.5;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-popup-details__more{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:12px;height:28px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;cursor:pointer;font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--ink-secondary);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.version-popup-details__more:hover{background:var(--background-hover);border-color:transparent;color:var(--ink-primary)}.version-popup-details__more:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.version-popup-details__more-icon{width:14px!important;height:14px!important;transition:transform var(--duration-fast) var(--ease-default)}.version-popup-details__more-icon.expanded{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.version-popup-details__item,.version-popup-details__more,.version-popup-details__more-icon{transition:none}}.version-popup-history-list{display:flex;flex-direction:column;gap:8px}.version-popup-history-item{border-radius:var(--radius-default);background:var(--background-secondary);border:none;box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--duration-fast) var(--ease-default)}.version-popup-history-item:hover{box-shadow:var(--shadow-hover-card)}.version-popup-history-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:transparent;border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.version-popup-history-header:hover{background:var(--background-hover)}.version-popup-history-info{display:flex;align-items:center;gap:12px}.version-popup-version-number{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary)}.version-popup-version-title{font-size:var(--text-sm);color:var(--ink-secondary);font-weight:var(--font-medium)}.version-popup-version-date{font-size:var(--text-xs);color:var(--ink-tertiary)}.version-popup-history-actions{display:flex;align-items:center;gap:8px}.version-popup-expand-icon{width:16px!important;height:16px!important;color:var(--ink-tertiary);transition:transform var(--duration-fast) var(--ease-default)}.version-popup-expand-icon.expanded{transform:rotate(180deg)}.version-popup-history-content{padding:0 14px 14px}.version-popup-history-changes{display:flex;flex-direction:column;gap:8px;padding-top:12px}.version-popup-history-change-item{padding:12px 14px;border-radius:var(--radius-md);background:var(--background-tertiary);border:none;box-shadow:var(--shadow-card);transition:all var(--duration-fast) var(--ease-default)}.version-popup-history-change-item:hover{background:var(--background-hover);box-shadow:var(--shadow-hover-card)}.version-popup-history-change-content{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:2px solid var(--accent-primary)}.version-popup-history-change-text{flex:1;min-width:0}.version-popup-history-change-text .markdown-content>:first-child,.version-popup-history-change-text>div>:first-child{margin-top:0!important}.version-popup-history-change-text .markdown-content>:last-child,.version-popup-history-change-text>div>:last-child{margin-bottom:0!important}.version-popup-history-change-text h2{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--ink-primary);margin:0;line-height:1.4}.version-popup-history-change-text p{font-size:var(--text-sm);line-height:1.5;color:var(--ink-secondary);margin:0}.version-popup-history-change-text code{background:var(--background-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary)}.version-popup-history-change-text strong{font-weight:var(--font-semibold);color:var(--ink-primary)}.version-popup-support,.version-popup-support .support-container{height:100%;display:flex;flex-direction:column}.version-popup-support .support-container{padding:0}.version-popup-support .feedback-form{display:flex;flex-direction:column;height:100%;gap:1rem}.version-popup-support .feedback-field{display:flex;flex-direction:column;flex:1;min-height:0}.version-popup-support .feedback-textarea{flex:1;min-height:180px;resize:vertical}@media (max-width:768px){.version-popup-overlay{padding:16px}.version-popup-container{max-width:100%;max-height:90vh}.version-popup-header{padding:16px}.version-popup-content{padding:16px;gap:20px}.version-popup-tab-toggle{padding:0 10px;font-size:var(--text-xs)}}@media (max-width:480px){.version-popup-overlay{padding:8px}.version-popup-container{border-radius:var(--radius-xl);max-height:95vh}.version-popup-header{padding:14px}.version-popup-header:after{left:12px;right:12px}.version-popup-content{padding:14px;gap:16px}.version-popup-title{font-size:var(--text-base)}.version-popup-tab-toggle{height:28px;padding:0 8px}}@media (prefers-reduced-motion:reduce){.version-popup-container,.version-popup-overlay{animation:none}.version-popup-change-item,.version-popup-expand-icon,.version-popup-history-item,.version-popup-tab-toggle{transition:none}}.version-popup-history-header:focus-visible,.version-popup-tab-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.version-label{position:fixed;bottom:0;right:0;font-size:var(--text-xs);z-index:var(--z-base-top);cursor:pointer;transition:all .2s ease;padding:10px;user-select:none;color:rgba(var(--white-rgb),.5)}.version-label:after{content:"";position:absolute;bottom:10px;left:10px;width:0;height:1px;transition:width .3s ease;background-color:var(--accent-primary)}.version-label:hover{color:rgba(var(--white-rgb),.8)}.version-label:hover:after{width:calc(100% - 20px)}.theme-light .version-label{color:var(--ink-tertiary)}.theme-light .version-label:hover{color:var(--ink-primary)}.theme-light .version-label:after{background-color:var(--accent-primary)}.version-label:active{transform:scale(.98)}@media screen and (max-width:768px){.version-label{font-size:var(--text-2xs);padding:8px}}.binary-segment{position:relative;display:inline-flex;width:36px;height:20px;background:var(--background-inset);border:1px solid rgba(var(--black-rgb),.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:rgb(var(--white-rgb));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(--ink-tertiary)}.segmented-control__options{display:flex;gap:2px;background:var(--background-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(--ink-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(--ink-primary)}.segmented-control__option--active{background:var(--background-tertiary);color:var(--ink-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(--ink-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(--ink-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(--ink-primary)}.tile-select__tile:active{transform:scale(.97)}.tile-select__tile.selected{color:var(--ink-primary)}.tile-select__thumb{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-default);overflow:hidden;background:var(--background-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(--background-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(--ink-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(--ink-tertiary);color:var(--ink-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(var(--status-error-rgb),.16)}.settings-panel{display:flex;flex-direction:column;height:100%;width:100%;padding:0;box-sizing:border-box}.settings-panel__inner{background:var(--background-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(--ink-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(--accent-primary);color:var(--ink-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(--ink-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(--ink-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(--background-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(--ink-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(--background-hover)}.settings-panel .form-toggle--checked{background:transparent}.settings-panel .form-toggle--checked:hover{background:var(--background-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(--ink-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(--background-hover)}.settings-panel__toggle-label{font-size:var(--text-xs);color:var(--ink-primary);display:block}.settings-panel__toggle-hint{font-size:var(--text-2xs);color:var(--ink-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-floating-island);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(--background-secondary);backdrop-filter:blur(var(--background-blur));-webkit-backdrop-filter:blur(var(--background-blur));border:none;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--ink-primary);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(--background-hover);color:var(--ink-strong)}.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(--ink-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(--background-secondary);backdrop-filter:blur(var(--background-blur));-webkit-backdrop-filter:blur(var(--background-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(--ink-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(--background-tertiary);color:var(--ink-primary)}.mobile-nav-pill-item:active{background:var(--background-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(--ink-tertiary)}.mobile-nav-pill-item--primary:hover{background:var(--background-tertiary);color:var(--ink-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(--background-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(--background-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(--ink-primary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.mobile-nav-pill-back:hover{background:var(--background-hover);color:var(--ink-strong)}.mobile-nav-pill-back svg{width:20px;height:20px}.mobile-nav-pill-panel-title{font-size:var(--text-lg);font-weight:600;color:var(--ink-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(--background-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(--background-hover)}.mobile-nav-pill-search-icon{width:14px;height:14px;color:var(--ink-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(--ink-primary)}.mobile-nav-pill-search-input::placeholder{color:var(--ink-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(--ink-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(--ink-secondary);cursor:pointer;text-align:left;position:relative;transition:background-color var(--duration-fast) var(--ease-default)}.mobile-nav-pill-conversation:hover{background:rgba(var(--white-rgb),.04)}.mobile-nav-pill-conversation.active{background:rgba(var(--white-rgb),.06)}.mobile-nav-pill-conversation.active .mobile-nav-pill-conversation-title{color:var(--brand-primary-light)}.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(--ink-primary)}.mobile-nav-pill-conversation-date{font-size:var(--text-2xs);color:var(--ink-detail-subline,var(--ink-tertiary))}.theme-light .mobile-nav-pill-conversation:hover{background:rgba(var(--black-rgb),.04)}.theme-light .mobile-nav-pill-conversation.active{background:rgba(var(--black-rgb),.06)}[data-theme=dark] .mobile-nav-pill-dropdown{box-shadow:var(--shadow-panel),0 8px 32px rgba(var(--black-rgb),.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}}