header{background-color:var(--bg-secondary);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:4em;margin-top:0;margin-left:0;margin-right:0;padding:10px 20px;display:flex}header nav{align-items:center;gap:10px;display:flex}header .button{justify-content:center;align-items:center;height:40px;padding-top:0;padding-bottom:0;display:inline-flex}header #header-logo-title{color:var(--text-main);cursor:pointer;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;transition:color .2s;display:flex}header #header-logo-title:hover{color:var(--primary-hover)}header #header-logo{width:45px;height:45px}header #header-title{margin:0;font-size:1.5em;font-weight:700}header .header-user-section{align-items:center;gap:15px;display:flex;position:relative}header .header-user-section .user-connected{color:var(--text-main);cursor:pointer;font-weight:500;transition:color .2s}header .header-user-section .user-connected:hover{color:var(--primary-hover)}header #profile-button{object-fit:cover;background-color:var(--bg-surface);width:40px;height:40px;color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:50%;padding:10px;transition:all .3s}header #profile-button:hover{border-color:var(--primary)}header #profile-button:active{background-color:var(--primary-hover);color:var(--text-main);transform:scale(.9)}header #profile-button.active{background-color:var(--primary);color:var(--text-inverse)}header #profile-button.active:active{background-color:var(--primary-hover);color:var(--text-inverse)}@media (max-width:700px){header nav.media-large,header .header-user-section.media-large{display:none}header .mobile-menu-button.media-small{display:block}}.mobile-menu-button{position:relative}.dropdown.mobile-dropdown{width:200px;margin-right:10px;font-size:1.2em;top:55px;right:0}.dropdown.profile-dropdown{width:200px;margin-right:10px;top:55px;right:0}.dropdown{background-color:var(--bg-surface);border:1px solid var(--border-light);z-index:1000;border-radius:12px;flex-direction:column;padding:8px 0;animation:.2s forwards fadeInDown;display:flex;position:absolute;box-shadow:0 8px 24px #00000026}.dropdown-theme-toggle{padding:4px 12px 8px}.dropdown-divider{background-color:var(--border-light);border:none;height:1px;margin:4px 0}.dropdown-item{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;height:auto;padding:10px 16px;font-size:.95em;transition:background-color .2s;display:block}.dropdown-item:hover{background-color:var(--primary-transparent);color:var(--primary-hover)}.dropdown-item.logout-btn{color:var(--primary);font-weight:700}.dropdown-item.logout-btn:hover{color:var(--primary-hover);background-color:var(--primary-transparent)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.button{background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}.button:hover{border-color:var(--primary-hover);color:var(--text-main);background-color:var(--bg-surface-hover)}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button:active{transform:scale(.95)}.button:disabled{opacity:.4;cursor:not-allowed}.button:disabled:hover{background-color:var(--bg-surface);border-color:#0000}.button.active{background-color:var(--primary);color:var(--text-inverse);font-weight:700}.button.active:hover{background-color:var(--primary-hover)}.danger-button{background-color:var(--error-bg)}.danger-button:hover{background-color:var(--error-bg);border-color:var(--error)}.danger-button:active{background-color:var(--error)}.icon-button{cursor:pointer;color:var(--text-main);background:0 0;border:none;margin:0;padding:0;transition:all .2s}.icon-button:hover{color:var(--primary-hover)}.icon-button:active{color:var(--primary);transform:scale(.95)}.icon-button:focus{outline:none}.icon-button:focus-visible{color:var(--primary)}.theme-toggle{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;flex-direction:row;gap:2px;padding:4px;display:flex}.theme-toggle-btn{min-width:0;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:color .2s,background-color .2s;display:flex}.theme-toggle-btn svg{flex-shrink:0}.theme-toggle-btn:hover{color:var(--primary-hover)}.theme-toggle-btn.active{background-color:var(--bg-main);color:var(--primary);box-shadow:0 2px 4px #0000001a}.theme-toggle-compact{border-radius:10px;padding:3px}.theme-toggle-compact .theme-toggle-btn{border-radius:7px;flex:none;padding:7px}@media (max-width:700px){.theme-toggle:not(.theme-toggle-compact){width:100%}.theme-toggle:not(.theme-toggle-compact) .theme-toggle-btn{flex-direction:column;gap:4px;padding:8px 4px;font-size:.78rem}}