.header{z-index:100;background:var(--bg-app);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none;display:flex}.logo:hover{color:var(--accent)}.logo-icon{flex-shrink:0;width:32px;height:32px}.desktop-nav{display:none}@media (width>=768px){.desktop-nav{align-items:center;gap:var(--space-1);display:flex}}.dropdown{position:relative}.dropdown-trigger{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);background:0 0;border:none;display:flex}.dropdown-trigger:hover,.dropdown-trigger.active{color:var(--text-primary);background:var(--bg-hover)}.dropdown-arrow{width:16px;height:16px;transition:transform var(--transition-fast)}.dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:220px;max-width:280px;max-height:60vh;box-shadow:var(--shadow-lg);padding:var(--space-2);animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}@media (width<=767px){.dropdown-menu{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;max-height:70vh;position:fixed;inset:auto 0 0;transform:none}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.dropdown-item:hover{color:var(--text-primary);background:var(--bg-hover)}.dropdown-icon{font-size:var(--text-base);text-align:center;width:24px}.mobile-menu-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-menu-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-menu-btn svg{width:24px;height:24px}@media (width>=768px){.mobile-menu-btn{display:none}}.mobile-menu{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:var(--space-4);display:block}@media (width>=768px){.mobile-menu{display:none}}.mobile-menu-section{margin-bottom:var(--space-4)}.mobile-menu-section:last-child{margin-bottom:0}.mobile-menu-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.mobile-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-base);border-bottom:1px solid var(--border-subtle);transition:color var(--transition-fast);text-decoration:none;display:flex}.mobile-menu-item:hover{color:var(--accent)}.mobile-menu-item:last-child{border-bottom:none}.header-controls{align-items:center;gap:var(--space-2);display:flex}.header-cta{background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:none}.header-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}@media (width>=640px){.header-cta{display:flex}}.theme-switcher{position:relative}.theme-switcher-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:6px 8px;font-size:13px;display:flex}.theme-switcher-trigger:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.theme-switcher-trigger.open{background:var(--bg-elevated);border-color:var(--border-default)}.theme-icon{font-size:14px;line-height:1}.accent-dot{border-radius:50%;width:12px;height:12px;margin-left:2px}.theme-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.theme-switcher-trigger.open .theme-arrow{transform:rotate(180deg)}.theme-dropdown{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.dropdown-section{padding:var(--space-1) 0}.dropdown-section-title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 4px}.dropdown-divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}.theme-option{align-items:center;gap:var(--space-2);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;padding:8px 12px;font-size:13px;display:flex}.theme-option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-option.active{background:var(--bg-active);color:var(--accent)}.theme-option-icon{text-align:center;width:20px;font-size:14px}.theme-option-label{flex:1}.theme-option-arrow{color:var(--text-tertiary);font-size:10px}.accent-options{background:var(--bg-elevated);grid-template-columns:repeat(2,1fr);gap:4px;padding:4px 8px 8px;display:grid}.accent-option{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.accent-option:hover{border-color:var(--border-default);background:var(--bg-hover)}.accent-option.active{border-color:var(--accent);background:var(--bg-active)}.accent-color{border-radius:50%;flex-shrink:0;width:14px;height:14px}.accent-name{font-size:11px}.language-switcher{position:relative}.language-switcher-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:6px 8px;display:flex}.language-switcher-trigger:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.language-switcher-trigger.open{background:var(--bg-elevated);border-color:var(--border-default)}.language-code{font-size:12px}.language-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.language-switcher-trigger.open .language-arrow{transform:rotate(180deg)}.language-dropdown{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.language-option{align-items:center;gap:var(--space-2);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;padding:8px 12px;font-size:13px;display:flex}.language-option:hover:not(.soon){background:var(--bg-hover);color:var(--text-primary)}.language-option.active{background:var(--bg-active);color:var(--accent)}.language-option.soon{opacity:.6;cursor:not-allowed}.language-option-native{font-weight:var(--font-medium);color:var(--text-primary)}.language-option-name{color:var(--text-tertiary);font-size:12px}.language-soon-badge{background:var(--bg-badge);color:var(--text-tertiary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;margin-left:auto;padding:2px 6px;font-size:10px}.keyboard-shortcuts{z-index:50;position:fixed;bottom:70px;right:16px}.kb-trigger{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:16px;display:flex}.kb-trigger:hover{background:var(--accent-subtle);border-color:var(--accent)}.kb-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;margin-bottom:8px;animation:.15s fadeIn;position:absolute;bottom:100%;right:0}.kb-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:space-between;align-items:center;display:flex}.kb-header button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px}.kb-header button:hover{color:var(--text-primary)}.kb-list{padding:var(--space-2) 0}.kb-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);display:flex}.kb-key{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);padding:2px 8px}.kb-label{font-size:var(--text-sm);color:var(--text-secondary)}@media (width<=639px){.keyboard-shortcuts{display:none}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.footer{background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:var(--space-7) 0 var(--space-5);margin-top:auto}.footer-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-col:first-child{max-width:300px}.footer-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.footer-logo-icon{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.footer-logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.footer-tagline{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.footer-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.05em}.footer-nav{gap:var(--space-2);flex-direction:column;display:flex}.footer-nav a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-nav a:hover{color:var(--accent)}.footer-bottom{align-items:center;gap:var(--space-3);padding-top:var(--space-5);margin-top:var(--space-6);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}@media (width>=640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.footer-links{gap:var(--space-4);display:flex}.footer-links a{font-size:var(--text-sm);color:var(--text-tertiary);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-stats{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.stat-item{font-size:var(--text-xs);background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 10px}.footer-trust{gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;display:flex}.trust-item{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:var(--space-1);display:flex}