.tab-shell{--tab-bar-bg:var(--bg-primary);--tab-bar-border:var(--border-primary);--tab-bar-active-color:var(--accent);--tab-bar-inactive-color:var(--text-tertiary);--menu-bg:var(--bg-primary);--menu-item-color:var(--text-primary);--menu-border:var(--border-primary);--header-bg:var(--bg-primary);--header-height:36px;flex-direction:column;min-height:100dvh;display:flex}.tab-shell-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tab-shell-back{left:var(--space-3);width:32px;height:32px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:absolute}.tab-shell-back:active{opacity:.5}.tab-shell-logo{width:auto;max-width:140px;height:22px}.tab-shell-content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tab-shell-bar{background:var(--tab-bar-bg);border-top:1px solid var(--tab-bar-border);padding-bottom:env(safe-area-inset-bottom,0);position:sticky;bottom:0}.tab-bar{padding:var(--space-2) 0;justify-content:space-around;align-items:center;display:flex}.tab-bar-item{padding:var(--space-1) 0;color:var(--tab-bar-inactive-color);-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.tab-bar-item-active{color:var(--tab-bar-active-color)}.tab-bar-item-icon{justify-content:center;align-items:center;height:24px;display:flex}.tab-bar-item-title{font-size:var(--text-xs);font-weight:500;line-height:1}.menu-backdrop{z-index:100;animation:fade-in var(--duration-normal) var(--ease);background:#00000080;position:fixed;inset:0}.menu-sheet{background:var(--bg-secondary);border-radius:var(--radius-card) var(--radius-card) 0 0;padding-bottom:env(safe-area-inset-bottom,0);z-index:101;animation:slide-up var(--duration-normal) var(--ease);border-top:1px solid var(--border-primary);position:fixed;bottom:0;left:0;right:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--menu-border);justify-content:space-between;align-items:center;display:flex}.menu-title{font-size:var(--text-lg);color:var(--menu-item-color);font-weight:600}.menu-close{color:var(--text-secondary);font-size:var(--text-xl);padding:var(--space-1);line-height:1}.menu-list{padding:var(--space-2) 0}.menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--menu-item-color);font-size:var(--text-md);transition:background var(--duration-fast) var(--ease);display:flex}.menu-item:active{background:var(--surface-card)}.menu-item-icon{text-align:center;flex-shrink:0;width:20px}.menu-item+.menu-item{border-top:1px solid var(--menu-border)}.menu-lang-value{color:var(--text-secondary);font-size:var(--text-base);margin-left:auto}