.settings-panel .ant-drawer-body{padding:var(--spacing-md)}.settings-panel__section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color-secondary)}.settings-panel__section--reset{border-bottom:none;padding-bottom:0}.settings-panel__section-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin:0 0 var(--spacing-xs) 0}.settings-panel__field{display:flex;flex-direction:column;gap:6px}.settings-panel__field--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.settings-panel__label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.settings-panel__hint{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.4;margin:0}.settings-panel__action,.settings-panel__select{width:100%}.settings-panel__reset{color:var(--text-tertiary)}.settings-panel__reset:hover{color:var(--primary-color)}.settings-panel__accents{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.settings-panel__accent{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.settings-panel__accent:hover{transform:scale(1.1)}.settings-panel__accent--active{border-color:var(--text-primary);transform:scale(1.1)}.settings-panel__scale .ant-segmented-item-label{font-weight:700}.settings-panel__scale .ant-segmented-item:first-child .ant-segmented-item-label{font-size:11px}.settings-panel__scale .ant-segmented-item:nth-child(2) .ant-segmented-item-label{font-size:14px}.settings-panel__scale .ant-segmented-item:nth-child(3) .ant-segmented-item-label{font-size:17px}.settings-panel__scale .ant-segmented-item:nth-child(4) .ant-segmented-item-label{font-size:20px}.app-sidebar{overflow:auto;height:100vh;position:fixed;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--bg-elevated) 86%,transparent)!important;border-right:1px solid var(--border-color-secondary);display:flex;flex-direction:column;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-sidebar .ant-menu{background:transparent!important;flex:1 1}.app-sidebar .ant-menu,.app-sidebar .ant-menu-item,.app-sidebar .ant-menu-submenu-title{color:var(--text-primary)!important}.app-sidebar .ant-menu-item:hover,.app-sidebar .ant-menu-submenu-title:hover{background:var(--bg-spotlight)!important;color:var(--primary-color)!important}.app-sidebar .ant-menu-item-selected{background:var(--primary-color-outline)!important;color:var(--primary-color)!important;font-weight:600;box-shadow:inset 3px 0 0 var(--primary-color)}.app-sidebar .ant-menu-submenu-arrow{color:var(--text-secondary)!important}.sidebar-header{justify-content:space-between;padding:0 var(--spacing-md);height:var(--header-height);border-bottom:1px solid var(--border-color-secondary);flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{gap:var(--spacing-sm);color:var(--text-primary);transition:var(--transition-base)}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:600;white-space:nowrap}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast);font-size:14px}.sidebar-collapse-btn:hover{background:var(--bg-spotlight);color:var(--text-primary)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--border-color-secondary)}.sidebar-user-section{padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--border-color-secondary)}.sidebar-user-info{padding:var(--spacing-xs) 0}.sidebar-user-info,.sidebar-user-profile-link{display:flex;align-items:center;gap:var(--spacing-sm);border-radius:var(--border-radius-sm)}.sidebar-user-profile-link{flex:1 1;min-width:0;text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.sidebar-user-profile-link:hover{opacity:.8;color:inherit}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:13px;padding:2px 4px;border-radius:var(--border-radius-sm);transition:color var(--transition-fast);flex-shrink:0}.sidebar-logout-btn:hover{color:var(--text-primary)}.sidebar-user-loading{display:flex;justify-content:center;padding:var(--spacing-xs) 0;color:var(--text-secondary)}.sidebar-login-btn{color:var(--text-secondary)!important}.sidebar-login-btn:hover{color:var(--primary-color)!important}.sidebar-settings-trigger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:calc(100% - var(--spacing-sm) * 2);margin:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm)}.sidebar-settings-trigger--active,.sidebar-settings-trigger:hover{background:var(--bg-spotlight);border-color:var(--border-color-secondary);color:var(--text-primary)}.sidebar-settings-trigger__icon{font-size:16px;display:flex;align-items:center;justify-content:center}.sidebar-preferences{margin:0 var(--spacing-xs) var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color-secondary);border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--bg-base) 92%,transparent)}.sidebar-preferences__field{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.sidebar-preferences__field+.sidebar-preferences__field{margin-top:var(--spacing-xs)}.sidebar-preferences__field--stacked{align-items:flex-start;flex-direction:column}.sidebar-preferences__label{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.sidebar-preferences__select{min-width:132px}.sidebar-preferences .accent-picker{padding:0;width:100%;justify-content:flex-start}.sidebar-preferences__theme{margin-top:var(--spacing-sm);width:100%;border:1px solid var(--border-color-secondary);background:var(--bg-spotlight);color:var(--text-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);justify-content:center;gap:var(--spacing-xs)}.sidebar-preferences__theme,.sidebar-preferences__theme-icon{display:flex;align-items:center}.app-layout>.ant-layout{margin-left:250px;transition:var(--transition-base)}.app-layout>.ant-layout-sider-collapsed~.ant-layout{margin-left:80px}.ant-layout-sider-collapsed .sidebar-header{padding:0;justify-content:center}.ant-layout-sider-collapsed .sidebar-collapse-btn{margin:0}@media (max-width:768px){.app-sidebar{display:none!important}.app-layout>.ant-layout{margin-left:0!important}}.bottom-nav{bottom:0;height:var(--bottom-nav-height);background:var(--bg-elevated);align-items:stretch}.bottom-nav,.bottom-nav-preferences{display:none;position:fixed;left:0;right:0;border-top:1px solid var(--border-color-secondary);z-index:1000}.bottom-nav-preferences{bottom:var(--bottom-nav-height);padding:var(--spacing-sm);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);box-shadow:0 -6px 16px rgba(0,0,0,.12)}.bottom-nav-preferences--open{display:block}@media (max-width:768px){.bottom-nav{display:flex}}.bottom-nav-preferences__field{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.bottom-nav-preferences__field+.bottom-nav-preferences__field{margin-top:var(--spacing-xs)}.bottom-nav-preferences__label{color:var(--text-secondary);font-size:var(--font-size-xs)}.bottom-nav-preferences__select{min-width:132px}.bottom-nav-preferences .accent-picker{padding:0;justify-content:flex-end}.bottom-nav-preferences__theme{margin-top:var(--spacing-sm);width:100%;border:1px solid var(--border-color-secondary);background:var(--bg-spotlight);color:var(--text-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);justify-content:center;gap:var(--spacing-xs)}.bottom-nav-item,.bottom-nav-preferences__theme,.bottom-nav-preferences__theme-icon{display:flex;align-items:center}.bottom-nav-item{flex:1 1;flex-direction:column;justify-content:center;gap:2px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:6px 0;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{background:var(--bg-spotlight)}.bottom-nav-item--active{color:var(--primary-color)}.bottom-nav-item-icon{font-size:20px;line-height:1}.bottom-nav-item-label{font-size:10px;line-height:1}.privacy-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-elevated);border-top:1px solid var(--border-color-secondary);box-shadow:0 -2px 8px rgba(0,0,0,.15)}.privacy-banner__text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);max-width:600px}.privacy-banner__btn{flex-shrink:0}@media (max-width:768px){.privacy-banner{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:center}}.stale-version-modal__content{text-align:center;padding:var(--spacing-md) 0}.stale-version-modal__icon{font-size:48px;color:var(--warning-color);margin-bottom:var(--spacing-md)}.stale-version-modal__title{margin:0 0 var(--spacing-sm);font-size:18px;color:var(--text-primary)}.stale-version-modal__description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.stale-version-modal__versions{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.05);border-radius:var(--border-radius-base);font-size:var(--font-size-sm);color:var(--text-tertiary)}.stale-version-modal__versions code{font-family:monospace;color:var(--text-secondary);background:rgba(255,255,255,.08);padding:1px 6px;border-radius:3px}.stale-version-modal__changelog-link{display:inline-block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--primary-color)}.stale-version-modal__changelog-link:hover{text-decoration:underline}.stale-version-modal__warning{margin-top:var(--spacing-sm);margin-bottom:0;font-size:var(--font-size-sm);color:var(--warning-color)}.offline-indicator{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--spacing-sm));left:50%;transform:translateX(-50%);z-index:5000;display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--warning-color);border-radius:999px;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--box-shadow-base);animation:offline-indicator-fade-in .25s ease-out}.offline-indicator__icon{color:var(--warning-color)}@keyframes offline-indicator-fade-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.cmdk-modal .ant-modal-content{padding:0;overflow:hidden}.cmdk-modal .ant-modal-body{padding:0}.cmdk-input.ant-input-affix-wrapper-lg{border:none;border-radius:0;border-bottom:1px solid var(--border-color-secondary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);background:transparent;box-shadow:none!important}.cmdk-input.ant-input-affix-wrapper-lg:focus-within{border-color:var(--border-color-secondary)}.cmdk-results{max-height:60vh;overflow-y:auto;padding:var(--spacing-xs) 0}.cmdk-hint,.cmdk-results .ant-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.cmdk-group{padding:6px 0}.cmdk-group__title{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.cmdk-list{list-style:none;margin:0;padding:0}.cmdk-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);padding:8px var(--spacing-md);cursor:pointer;color:var(--text-primary);transition:background .12s ease}.cmdk-item--active,.cmdk-item:hover{background:var(--bg-spotlight)}.cmdk-item__label{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item__hint{flex-shrink:0}.cmdk-footer,.cmdk-item__hint{color:var(--text-tertiary);font-size:var(--font-size-sm)}.cmdk-footer{display:flex;gap:var(--spacing-md);padding:8px var(--spacing-md);border-top:1px solid var(--border-color-secondary);background:var(--bg-spotlight)}.cmdk-footer kbd{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-color-secondary);font-family:var(--font-family);font-size:11px;margin-right:2px}.app-layout{min-height:100vh}.skip-to-content{position:absolute;top:-100%;left:0;z-index:9999;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 var(--border-radius-base) 0}.skip-to-content:focus{top:0}.app-content{margin:var(--spacing-lg);padding:var(--spacing-lg);background:color-mix(in srgb,var(--bg-container) 94%,transparent);border-radius:var(--border-radius-base);min-height:calc(100vh - var(--spacing-lg) * 2);border:1px solid var(--border-color-secondary);box-shadow:0 18px 40px rgba(12,8,20,.26)}@media (max-width:768px){.app-content{margin:0;padding:var(--spacing-xs);padding-bottom:calc(var(--spacing-xs) + var(--bottom-nav-height) + var(--spacing-sm));border-radius:0;min-height:calc(100vh - var(--bottom-nav-height) - 40px)}}