header{display:flex;align-items:center;gap:var(--spacing-md);background:#398082;padding:var(--spacing-sm) var(--spacing-lg);--header-text:#ffffff}header h1{margin:0;flex:0 0 auto}header h1 a,.header-nav a,.header-menu summary{color:var(--header-text);text-decoration:none}.header-nav a:hover,.header-nav a:focus{background:rgba(255,255,255,0.18)}header h1 a:hover{color:#222222;text-decoration:none}.header-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.header-nav{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;white-space:nowrap}.header-nav a{padding:0.35rem 0.6rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--header-text);cursor:pointer}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"]{background:rgba(255,255,255,0.18)}:root[data-theme="dark"] .user-menu-trigger:hover,:root[data-theme="dark"] .user-menu-trigger[aria-expanded="true"]{background:rgba(0,0,0,0.12)}.user-menu-trigger svg{width:20px;height:20px}.header-menu{display:none;position:relative}.header-menu summary{list-style:none;cursor:pointer;user-select:none;padding:0.35rem 0.55rem;border-radius:var(--radius-md);line-height:1}.header-menu summary::-webkit-details-marker{display:none}.header-menu-panel{position:absolute;right:0;top:calc(100% + 0.5rem);min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:0.5rem;z-index:1100}.header-menu-panel a{display:block;padding:0.45rem 0.6rem;text-decoration:none;border-radius:var(--radius-sm);color:var(--color-text-primary)}.header-menu-panel a:hover,.header-menu-panel a:focus{background:rgba(0,0,0,0.04);outline:none}.header-menu-panel a.active{color:var(--color-brand);font-weight:600}.mobile-bottom-nav{display:none}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text-secondary);padding:0.4rem 0.6rem;min-width:56px;transition:color 0.2s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-item:hover,.mobile-nav-item:focus{color:var(--color-brand);outline:none}.mobile-nav-item.active{color:var(--color-brand);font-weight:600}.mobile-nav-icon{width:24px;height:24px;margin-bottom:0.2rem;display:flex;align-items:center;justify-content:center}.mobile-nav-label{font-size:0.7rem;font-weight:500;line-height:1}@media (max-width:1024px){.header-nav{display:none}.header-menu{display:inline-block}}@media (max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:0.4rem 0 max(0.4rem,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 8px rgba(0,0,0,0.08)}.mobile-nav-item{padding:0.3rem 0.5rem;min-width:50px}.mobile-nav-icon{width:20px;height:20px;margin-bottom:0.15rem}.mobile-nav-label{font-size:0.65rem}main{padding-bottom:calc(3rem + env(safe-area-inset-bottom))}.header-nav{display:none}.header-menu{display:none}header{padding:0.5rem 0.75rem}header h1{font-size:1rem}footer{display:none}}@media (min-width:768px){.mobile-bottom-nav{display:none}footer{display:block}}