.topnav{background:linear-gradient(to bottom,var(--color-nav-bg-start),var(--color-nav-bg-end));color:var(--color-nav-primary);box-shadow:0 0 3px var(--color-shadow);position:sticky;top:0;z-index:11}.topnav:after{content:"";position:absolute;bottom:0;left:0;height:4px;width:100%;background:linear-gradient(to bottom,var(--color-nav-border-bottom),var(--color-nav-border-gradient-end))}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;max-width:var(--page-max-width);margin:auto}.brand-link{display:flex;align-items:center;text-decoration:none;color:var(--color-nav-primary);gap:12px}.brand-icon{width:40px;height:40px;border-radius:6px;box-shadow:0 0 10px var(--color-icon-glow)}.brand-text{font-size:1.5rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.brand-text-short{display:none}.nav-items{display:flex;gap:20px;align-items:center}.nav-items form{margin:0}.nav-items button,.nav-items a{color:var(--color-nav-primary);background:none;border:none;padding:8px 12px;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;text-decoration:none;transition:background-color .3s,color .3s}.nav-items a:hover,.nav-items button:hover{background-color:#ffffff1a;color:var(--color-nav-primary-hover);border-radius:4px}.nav-toggle{display:none;background:none;border:none;color:var(--color-nav-primary);font-size:28px;cursor:pointer}@media (max-width: 768px){.nav-items{display:none;flex-direction:column;position:fixed;right:0;top:65px;padding:10px;z-index:10;border-radius:0;background:linear-gradient(to bottom,var(--color-nav-bg-start),var(--color-nav-bg-end-alpha));box-shadow:0 1px 8px #00000080;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.nav-items .item-text{text-shadow:1px 1px 3px rgba(0,0,0,.8)}.nav-items.show{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.nav-toggle{display:block}.brand-text-full{display:none}.brand-text-short{display:inline}}.toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-switch .slider:hover{filter:brightness(1.1)}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{position:relative;width:50px;height:26px;background-color:var(--color-button-secondary);border-radius:50px;transition:background-color .3s}.toggle-switch .slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input[type=checkbox]:checked+.slider{background-color:var(--color-button-primary)}.toggle-switch input[type=checkbox]:checked+.slider:before{transform:translate(24px)}#mode-indicator{font-weight:700;font-size:.95rem}.user-info{display:flex;flex-direction:column;line-height:1;margin-right:.5rem;text-align:right;color:var(--color-nav-primary)}.user-info .user-name{font-size:.9rem;font-weight:500}.user-info .user-email{font-size:.75rem;color:var(--color-text-muted)}