:root{--tn-bg:var(--color-surface, #1c2333);--tn-border:var(--color-border, #2a3450);--tn-text:var(--color-text-muted, #8892a8);--tn-text-hover:var(--color-text, #e4e8f1);--tn-icon-size:20px;--tn-radius:var(--radius, 12px);--tn-radius-sm:var(--radius-sm, 8px);--tn-search-bg:var(--color-surface-2, #232b3e);--tn-transition:var(--transition, 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94))}.topnav{padding:1rem 1.5rem 0}.topnav-inner{display:flex;align-items:center;gap:.75rem;max-width:var(--max-width,1140px);margin:0 auto;background:var(--tn-bg);border:1px solid var(--tn-border);border-radius:var(--tn-radius);padding:.5rem 1rem}.topnav-search{position:relative;flex:1;min-width:0;display:flex;align-items:center}.topnav-search-icon{position:absolute;left:.75rem;width:var(--tn-icon-size);height:var(--tn-icon-size);color:var(--tn-text);pointer-events:none;flex-shrink:0}.topnav-search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;font-family:inherit;font-size:.9rem;color:var(--tn-text-hover);background:var(--tn-search-bg);border:1px solid transparent;border-radius:var(--tn-radius-sm);outline:0;transition:border-color var(--tn-transition),background var(--tn-transition)}.topnav-search-input::placeholder{color:var(--tn-text)}.topnav-search-input:focus{border-color:var(--tn-border);background:var(--color-bg,#0f1219)}.topnav-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.topnav-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.topnav-theme{position:relative;display:flex;background:var(--tn-search-bg);border-radius:var(--tn-radius-sm);padding:3px}.topnav-theme-btn{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--tn-radius-sm) - 2px);color:var(--tn-text);background:0 0;border:none;cursor:pointer;padding:0;transition:color var(--tn-transition)}.topnav-theme-btn:hover{color:var(--tn-text-hover)}.topnav-theme-btn[aria-checked=true]{color:var(--tn-text-hover)}.topnav-theme-btn .topnav-icon{width:16px;height:16px}.topnav-theme-indicator{position:absolute;top:3px;left:3px;width:32px;height:32px;background:var(--color-surface,#1c2333);border-radius:calc(var(--tn-radius-sm) - 2px);transition:transform var(--tn-transition);pointer-events:none}.topnav-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--tn-radius-sm);color:var(--tn-text);text-decoration:none;background:0 0;border:none;cursor:pointer;padding:0;transition:background var(--tn-transition),color var(--tn-transition)}.topnav-btn:hover{background:var(--tn-search-bg);color:var(--tn-text-hover)}.topnav-icon{width:var(--tn-icon-size);height:var(--tn-icon-size);flex-shrink:0}.topnav-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;font-size:.65rem;font-weight:700;line-height:1;color:#fff;background:var(--color-accent,#c0392b);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}[data-theme=light]{--color-bg:#f5f6fa;--color-bg-alt:#ebedf3;--color-surface:#ffffff;--color-surface-2:#f0f1f5;--color-border:#d5d9e2;--color-text:#2c3040;--color-text-muted:#6b7280;--color-heading:#111827}@media (max-width:959px){.topnav{padding:.75rem 1rem 0}.topnav-inner{padding:.375rem .5rem;gap:.25rem}.topnav-search{flex:0 0 auto;width:40px;overflow:hidden;transition:flex var(--tn-transition),width var(--tn-transition)}.topnav-search-input{opacity:0;padding-left:2.5rem;cursor:pointer}.topnav-search.is-expanded{flex:1;width:auto}.topnav-search.is-expanded .topnav-search-input{opacity:1;cursor:text}.topnav-search.is-expanded~.topnav-actions{display:none}}