.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:#ffffff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px rgba(0,0,0,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-container{width:100%;padding:0 20px}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.header-logo{font-size:24px;font-weight:700;color:#007AFF;text-decoration:none;transition:color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-logo:hover{color:#0051D5}.header-nav{display:none;align-items:center;gap:32px}@media (min-width:768px){.header-nav{display:flex}}.header-nav-link{font-size:15px;font-weight:500;color:#666666;text-decoration:none;transition:color .2s;padding-bottom:2px;border-bottom:2px solid transparent}.header-nav-link:hover{color:#000000}.header-nav-link.active{color:#007AFF;border-bottom-color:#007AFF}.header-actions,.mobile-nav{display:flex;align-items:center}.mobile-nav{justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:60;background-color:#ffffff;padding:8px 4px calc(8px + env(safe-area-inset-bottom, 0px));border-top:1px solid #f0f0f0;box-shadow:0 -1px 8px rgba(0,0,0,.06)}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-link{flex:1 1;min-width:0;font-weight:500;color:#8E8E93;text-decoration:none;padding:2px;transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer}.mobile-nav-icon{width:24px;height:24px;flex-shrink:0}.mobile-nav-label{font-size:10px;line-height:1.1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-link:hover{color:#000000}.mobile-nav-link.active{color:#007AFF}.header-auth-actions{display:flex;align-items:center;gap:8px}.header-auth-button{padding:8px 16px;background-color:transparent;color:#007AFF;border:1px solid #007aff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.header-auth-button:hover{background-color:rgba(0,122,255,.08)}.header-auth-button-primary{background-color:#007AFF;color:white;border-color:#007AFF}.header-auth-button-primary:hover{background-color:#0051D5}.header-user-menu{display:flex;align-items:center;gap:12px}.header-avatar-link{display:flex;align-items:center;gap:8px;text-decoration:none;padding:4px 8px;border-radius:8px;transition:background-color .2s}.header-avatar-link:hover{background-color:#f5f5f5}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#007AFF,#5856D6);color:white;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.header-user-name{font-size:14px;color:#333;font-weight:500}.header-signout-button{padding:6px 12px;background:none;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.header-signout-button:hover{border-color:#ccc;color:#333}@media (max-width:768px){.header{display:none}.header-content{height:56px}.header-logo{font-size:20px}.header-user-menu{display:none}}